我只是好奇: img.slider和.slider (当我所有的图片都有“滑块”类的时候)有什么区别?
我注意到,当我尝试通过编写类名称"slider“来定位图像时
.slider { margin-top: 10px; }^不起作用
img.slider { margin-top: 10px; }^起作用了。
为什么会这样呢?谢谢!
发布于 2010-06-24 22:53:28
CSS中的特异性规则规定,特异性较低的选择器,如.slider,会被特异性较高的选择器,如img.slider所推翻。如果您想了解有关如何计算和应用特异性的更多信息,请考虑阅读http://www.w3.org/TR/CSS21/cascade.html#specificity上关于特异性的W3C部分
发布于 2010-06-24 22:05:48
正如reisio的链接所表明的那样,越“具体”的CSS规则就会覆盖不太具体的规则。此外,如果您在img以外的任何元素上使用"slider“类,则img.slider规则将不适用。
发布于 2010-06-24 22:01:43
http://w3.org/TR/CSS21/cascade.html#specificity
https://stackoverflow.com/questions/3110626
复制相似问题