img.slider和.slider之间的区别

时间:2010-06-24 13:59:15

标签: css-selectors css

我只是好奇: 什么是img.slider和.slider之间的区别(当我的所有图像都有类“滑块”时)。

我注意到当我尝试通过写作

来定位类名为“slider”的图像时
.slider { margin-top: 10px; }

^无法正常工作

img.slider { margin-top: 10px; }

^确实有效。

为什么会这样?谢谢!

3 个答案:

答案 0 :(得分:3)

CSS中的特异性规则指出具有较低特异性的选择器(例如.slider)被具有较高特异性的选择器否决,例如img.slider。如果您想了解更多关于如何计算和应用特异性的信息,请考虑在http://www.w3.org/TR/CSS21/cascade.html#specificity

阅读关于特异性的W3C部分。

答案 1 :(得分:1)

正如reisio的链接所示,更具“特定”的CSS规则会覆盖不太具体的规则。另外,如果你在img以外的任何元素上都有“slider”类,则img.slider规则将不适用。

答案 2 :(得分:0)