我只是好奇: 什么是img.slider和.slider之间的区别(当我的所有图像都有类“滑块”时)。
我注意到当我尝试通过写作
来定位类名为“slider”的图像时.slider { margin-top: 10px; }
^无法正常工作
img.slider { margin-top: 10px; }
^确实有效。
为什么会这样?谢谢!
答案 0 :(得分:3)
CSS中的特异性规则指出具有较低特异性的选择器(例如.slider
)被具有较高特异性的选择器否决,例如img.slider
。如果您想了解更多关于如何计算和应用特异性的信息,请考虑在http://www.w3.org/TR/CSS21/cascade.html#specificity
答案 1 :(得分:1)
正如reisio的链接所示,更具“特定”的CSS规则会覆盖不太具体的规则。另外,如果你在img以外的任何元素上都有“slider”类,则img.slider规则将不适用。
答案 2 :(得分:0)