Question

I have two labels within a li amd i want to style second label, is there a way to target the second label. It has to work on IE7

I wrote like this

         <ul>
          <li>
             <label for="asi plan status">A&SI Accountable VP:</label>
             <label>Tye Schriever</label>
           </li>
            </ul>

ul li label label{color:red}

Any other way..?

Answer 1

you can use css2 :first-child property define your properties for second label in common & through first-child you can override the css property for first label like this:

label{color:red}
label:first-child{color:yellow}

it’s supported by IE7 also but approach is different.