How to select the first, second, or third element with a given class name?

Question

How can I select a certain element in a list of elements? I have the following:

my text         


        
      

Answer 1

Use CSS nth-child with the prefix class name

div.myclass:nth-child(1) {
  color: #000;
}

div.myclass:nth-child(2) {
  color: #FFF;
}

div.myclass:nth-child(3) {
  color: #006;
}