|
Posted by Jukka K. Korpela on 01/18/07 23:23
Scripsit Ben C:
>> .no_left_border {border-left: 0px solid}
>> table td {border-left: 1px solid}
>>
>> <td class="no_left_border"> <-- doesn't work -->
>> <td style="border-left: 0px solid"> <-- works -->
>>
>> Can someone explain the behind the scenes reasons?
>
> table td is more "specific" than .no_left_border, so wins. But the
> style attribute is more specific still.
Right. So a practical conclusion is that you can affect this by using a more
specific selector in the first rule, e.g.
table td.no_left_border {border-left: 0px solid}
(You could alternatively use !important, but it's easy to create confusion
that way. Reserve !important for special occasions.)
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
Navigation:
[Reply to this message]
|