t-roy.net* » CSS http://www.t-roy.net blog by designer troy ginbey Sat, 13 Jun 2009 14:05:33 +0000 http://wordpress.org/?v=2.8 en hourly 1 Making the first paragraph bold with CSS http://www.t-roy.net/2008/09/28/making-the-first-paragraph-bold-with-css/ http://www.t-roy.net/2008/09/28/making-the-first-paragraph-bold-with-css/#comments Sun, 28 Sep 2008 14:27:39 +0000 T-roy http://www.t-roy.net/?p=29 With CSS, it’s possible to make the first element after another element look different to the rest. Lets say you have a title, and two paragraphs afterwards e.g.:

<h3>My Paragraph Title</h3>
<p>This is paragraph one.</p>
<p>This is paragraph two.</p>

To make the first paragraph after the title bold, you use what’s called an ‘adjacent sibling selector‘. This allows you to target an element which follows another element. In this case, the first p element follows an h3 element. To use CSS to say that you want the first p tag after an h3 tag to be set in bold, your code would look like this:


h3 + p {font-weight: bold;}

Now each time a p tag follows an h3 tag… it is set to bold. Nice.

]]> http://www.t-roy.net/2008/09/28/making-the-first-paragraph-bold-with-css/feed/ 0 New CSS category http://www.t-roy.net/2008/09/28/new-css-category/ http://www.t-roy.net/2008/09/28/new-css-category/#comments Sun, 28 Sep 2008 13:59:59 +0000 T-roy http://www.t-roy.net/?p=27 I’ve decided to add a new category to my blog – CSS. It’s been a topic I’ve wanted to write about for a while now, only if to learn a thing or two along the way. I’m going to cover all things to do with CSS – from Learning CSS, CSS techniques, Browser hacks and CSS best practices.

]]> http://www.t-roy.net/2008/09/28/new-css-category/feed/ 0