css选择器

一. 基本选择器

 

选择器	格式
元素选择器	标记名{/*声明块*/}
类选择器	.类名{/*声明块*/}
ID选择器	#id值{/*声明块*/}

 

 

 

 

二 .多元素的组合选择器

 

选择器	描述
E,F	组合/并集选择器，同时匹配所有E元素或F元素，E和F之间用逗号隔开
E F	后代选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔
E>F	子级选择器，匹配所有E元素的儿子元素F

 

 

 

 

 

 

三.伪类选择器

 

选择器	描述
E:link	匹配所有未访问的链接
E:visited	匹配所有已访问的链接
E:hover	匹配鼠标悬停时的E元素
E:active	匹配鼠标点击时的E元素
E：nth-child(n)	匹配其父元素的第n个子元素
E:nth-last-child(n)	匹配其父元素的倒数第n个子元素
E:nth-of-type(n)	匹配使用同种标签的第n个元素
E:last-child	匹配父元素的最后一个子元素，等同于E:nth-last-child(1)
E:first-of-type	匹配父元素下使用同种标签的第一个元素，等同于E:nth-of-type(1)
E:last-of-type	匹配父元素下使用同种标签的最后一个元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

　　

四.属性选择器

 

选择器	描述
E[attribute=value]	匹配所有attribute属性等于“value”的E元素
E[attribute^=value]	匹配所有attribute属性值是以“value”开始的E元素
E[attribute$=value]	匹配所有attribute属性值是以"value"结束的E元素
E[attribute*=value]	匹配所有attribute属性值包含有“value”的E元素

转载于:https://www.cnblogs.com/cherish00/p/7635354.html