CSS的选择器及其优先级

CSS的选择器

通配选择

	通配选择即为选择页面中的所有元素，为其定义样式

*{
<!--样式代码-->
margin:
padding:
...
}

元素选择

 元素选择即选中指定所有元素，例如：

<!--选中页面中所有的ul元素-->
ul{
<!--样式代码-->
}
<!--选中页面中所有的div-->
div{
<!--样式代码-->
}

层级选择

选择某元素下的其他元素，例如

<!--选择class为d1下的所有的li(注意，在d1和li之间有空格隔开)-->
.d1 li{
<!--样式代码-->
}

子选择器

选其元素的子元素，例如

<!--选择class为d1下的ul元素（注意，子选择器必须为直接子元素，且之间需用>隔开）-->
.d1>ul{
<!--样式代码-->
}

类选择

对元素定义class后即可运用类选择

<!--选择class为d1的元素-->
.d1{
<!--样式代码-->
}

属性选择器

属性选择即为某元素中的指定属性进行选择

<!--选择calss为d1的元素中的name=Jack的属性-->
.d1[name="Jack"]{
<!--样式代码-->
}

ID选择器

ID选择与类选择用法一样，都是为元素定义ID名

<!--选择ID为i1d的元素(注意：ID是以#开头，class是以.开头)-->
#i1{
<!--样式代码-->
}

!important

主要是提高某块的样式代码的优先级，在其样式代码后加上即可提到最高级

<!--即把margin样式设置为最高级，-->
.d1{
margin:0px !importantt
}

选择器的优先级

以上选择器的优先级
	!important>ID选择器>属性选择器>类选择器>子选择=层级选择>元素选择>通配选择`