CSS选择器

css选择器
1、基本选择器
(1)元素选择器
语法:html标签名{css属性}

示例:

hello css1!!!
hello css2!!!


(2)id选择器id唯一性
语法:#id的值{css属性}

示例:

hello css1!!!
hello css2!!!


(3)class选择器
语法:.class的值{css属性}
示例:
div1
div2
div3


***选择器的优先级:id>class>元素

2、属性选择器
语法:基本选择器[属性=‘属性值’]{css属性}
示例:
name:
pass:


3、伪元素选择器
a标签的伪元素选择器
语法:
静止状态 a:link{css属性}
悬浮状态 a:hover{css属性}
触发状态 a:active{css属性}
完成状态 a:visited{css属性}
示例:
点击我吧
					


4、层级选择器
语法:父级选择器 子级选择器 .....
示例:
	
span1-1
span1-2
span1-1
span1-2


你可能感兴趣的:(CSS选择器)