首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >img.slider与.slider的区别

img.slider与.slider的区别
EN

Stack Overflow用户
提问于 2010-06-24 21:59:15
回答 3查看 150关注 0票数 1

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

我注意到,当我尝试通过编写类名称"slider“来定位图像时

代码语言:javascript
复制
.slider { margin-top: 10px; }

^不起作用

代码语言:javascript
复制
img.slider { margin-top: 10px; }

^起作用了。

为什么会这样呢?谢谢!

EN

回答 3

Stack Overflow用户

发布于 2010-06-24 22:53:28

CSS中的特异性规则规定,特异性较低的选择器,如.slider,会被特异性较高的选择器,如img.slider所推翻。如果您想了解有关如何计算和应用特异性的更多信息,请考虑阅读http://www.w3.org/TR/CSS21/cascade.html#specificity上关于特异性的W3C部分

票数 3
EN

Stack Overflow用户

发布于 2010-06-24 22:05:48

正如reisio的链接所表明的那样,越“具体”的CSS规则就会覆盖不太具体的规则。此外,如果您在img以外的任何元素上使用"slider“类,则img.slider规则将不适用。

票数 1
EN

Stack Overflow用户

发布于 2010-06-24 22:01:43

http://w3.org/TR/CSS21/cascade.html#specificity

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3110626

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档