Css（选择器）

时间：2017-02-27 19:11:45 阅读：401 评论：0 收藏：0 [点我收藏+]

语法

<style type="text/css>
</style>

li {
	color: red;
}

#li{
	color: yellow;
}

唯一的，同一页面只能有一个

优先级高于类选择器

.li{
	color: blue;
}

优先级高于标签选择器

优先级最低

*{
}

div li{
    color:red;
}

div>ul>li{
    color:red;
}

.li#li{
/*
元素必须同时满足.li和#li才能使用
*/
}

.li,#li,div{
/*
元素只要具备一个条件即可生效
*/
}

1.第一原则：近者优先，最内层选择器永远比外层优先

例：div ul li >div #ul,li在ul内层，所以li标签选择器能覆盖外层id选择器

2.当作用在同一层时，ID选择器>class选择器>标签选择器

例：div #li>div .li>div li

3.当作用于同一层，且最后一层选择器没有优先关系（均为class或id）

例：div ul li >div li,作用范围选的更精准，则优先级更高

4.优先级完全相同时，按照代码执行顺序，后面的选择器会覆盖前面的选择器

原文地址：http://www.cnblogs.com/miys/p/4d9e32926431f0a958969ae4a9594aa4.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行