Change specific div, nth-child?

css html behavior css-selectors
Kim Kakan Andersson picture Kim Kakan Andersson · Jan 22, 2013 · Viewed 22.2k times · Source

I have a problem here. I have this div that's mentioned 4 times in my code, like:

<div class='box1'>
Hello 1
</div>
<div class='box1'>
Hello 2
</div>
<div class='box1'>
Hello 3
</div>
<div class='box1'>
Hello 4
</div>

and I want to do some changes to this div class, but only the last one. I cant get the nth-class to work, it seems that i need to make a ul table for it to work? Can I get a workaround somewhere in the CSS and make it work without having to rewrite my code?

Answer

Sheixt picture Sheixt · Jan 22, 2013

You should be able to do this with the nth-child pseudo class. Take a look at this demo: http://jsfiddle.net/m7uW7/2/

Related questions

How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More
How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More