                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

选择符用法？

p.first{color:green;}里面p.first 这种写法属于类选择器吗？类选择符前加上标签有什么规则吗？

felix00

2015-01-06

源自：初识HTML(5)+CSS(3) 9-4

关注问题我要回答

1066

操作

收起

2 回答

渊翼
2015-01-06

也算是类选择器吧，加个标签就是说找到 class="first"的 p 元素，如果class="first"但是元素不是 p那么，匹配就不成功；还有就是，加一个 p 可以提升优先级；

class的优先级是 0 0 1 0，元素选择器的优先级是 0 0 0 1，那么 p.first的优先级就是 0 0 1 1

0 回复有任何疑惑可以回复我~

收起回答

felix00 提问者

非常感谢！

2015-01-07 回复有任何疑惑可以回复我~

慕丝1484678
2015-04-06

第一个，是设置样式的优先级，设了!important的样式的属性优先于id选择器和class选择器。，比如id为"Main"的div在它的Class设背景色为红色，，id选择器下又设了背景色为蓝色，照css的"就近原则"，它的背景色应该是红色了，因为id选择器的优先级高于class选择器，但是，一旦class里设了"!important",哈哈，id，一边去吧。。我背景颜色要优先显示class设置的啦，因为它有!important做后台呀。

第二个，可以利用它让页面效果在ff等浏览器上和ie6效果更相同。因为不同的浏览器有自己默认的样式，所以你设一个样式在不同的浏览器里会有不同的效果，而有了!important，你就可以。。。话说，这里先略过，偶也没怎么用!important解决浏览器兼容性问题。

0 回复有任何疑惑可以回复我~

收起回答