tags:

views:

197

answers:

1
+1  Q: 

how can i select first second or third element with given class name using CSS?

ie. i have the following:

<div class="myclass">my text1</div>
some other code+containers...

<div class="myclass">my text2</div>
some other code+containers...

<div class="myclass">my text3</div>
some other code+containers...

i have the css class div.myclass {doing things} that applies to all obviously but i also wanted to be able to select the first, second or third like this: 

div.myclass:first {color:#000;} 
div.myclass:second {color:#FFF;} 
div.myclass:third {color:#006;}

almost like the jQuery index selection .eq( index ) which is what i am using currently but need a noscript alternative. Thanks in advance!

+1  A: 

How about the CSS's nth-child, did you try that....?

Note: This works in modern browsers only

Sarfraz  2010-05-01 18:42:43
That note seems to be synonymous to "No IE".
extraneon  2010-05-01 18:59:50
@extraneon: Yup, you got it right :)
Sarfraz  2010-05-01 19:06:02
This would not work since there are no uniform parent containers, which is why i wanted to select based on class name occurrence rather. I would have to look at each and every instance and find out the parent tag,id or class in order to select the child. Doing which does not give me uniformity and is difficult to read and would also need to be updated if parent objects/attributes change.
Tumharyyaaden  2010-05-01 19:36:44

related questions

How to add an event to a class
div class vs id
C++ Class design from database schema
'Helper' functions in C++
C++ runtime knowledge of classes
Open Java *.Class Files
Other file doesn't recognizes other file's class C++
Defining class methods in PHP
Static class variables in Python
Can you have a Class in a Struct
Valid characters in a Java class name
Classes in Python
How do you make a deep copy of an object in Java?
Should I use clone when adding a new element? When should clone be used?
java package cycle detection: how to find the specific classes involved ?
Class definition, using { get; set;}
C++ function pointers and classes
Old style and new style classes in Python
When should you use a class vs a struct in C++?
Why/when should you use nested classes in .net? Or shouldn't you?
Classes in VB6
Classes vs 2D arrays
How to handle including needed classes in PHP
What's the difference between struct and class in .Net?
How do you create a static class in C++?