#root
.name
div
div[id]
div+span
<div class="box"></div>
标签选择器:选取标签名元素
类选择器:.开头的相同类名的元素
id选择器:#开头的相同id的元素
属性选择器:根据属性值选取元素[]
伪类选择器:用于选择匹配特殊状态的选择器,比如悬浮态hover,点击后的链接active,元素前before,元素后after
后代选择器:选取元素的后代元素,如 div p 选取所有 div 元素的后代 p 元素
相邻兄弟选择器:选取元素的相邻兄弟元素,如 h1 + p 选取紧接在 h...
css选择器:
CSS选择器有:
1、元素选择器:通过标签来匹配元素,如p或者div
2、类选择器:通过元素class属性值来匹配元素,以'.'开头,如.class1。
3、ID选择器:通过元素的id属性值来匹配元素,以"#"开头,如#myId。
4、属性选择器:通过元素的属性值来匹配元素,如[type="text"]。
5、后代选择器:通过子孙关系来匹配元素,如div p。
类选择器
标签选择器
id选择器
属性选择器
通配符选择器
伪类选择器
子代和后代选择器
#root,选择id为root的元素.name,选择所有class有name的元素div,选择所有div标签元素div[id],选择所有含有id属性的div元素div+span,选择div后面紧跟着的span元素...常用CSS选择器
<div class="box"></div>.box标签选择器:选取标签名元素
类选择器:.开头的相同类名的元素
id选择器:#开头的相同id的元素
属性选择器:根据属性值选取元素[]
伪类选择器:用于选择匹配特殊状态的选择器,比如悬浮态hover,点击后的链接active,元素前before,元素后after
后代选择器:选取元素的后代元素,如 div p 选取所有 div 元素的后代 p 元素
相邻兄弟选择器:选取元素的相邻兄弟元素,如 h1 + p 选取紧接在 h...
css选择器:
CSS选择器有:
1、元素选择器:通过标签来匹配元素,如p或者div
2、类选择器:通过元素class属性值来匹配元素,以'.'开头,如.class1。
3、ID选择器:通过元素的id属性值来匹配元素,以"#"开头,如#myId。
4、属性选择器:通过元素的属性值来匹配元素,如[type="text"]。
5、后代选择器:通过子孙关系来匹配元素,如div p。
类选择器
标签选择器
id选择器
属性选择器
通配符选择器
伪类选择器
子代和后代选择器