高级选择器
- E,F群组选择器(最后一个选择器不能添加逗号)
- E F后代选择器(形成父子关系)
- E>F 子元素选择器
- E+F毗邻元素选择器(从某个指定元素开始 它后面的第一个元素)
属性选择器
- div[class] 匹配有class属性的div元素
- div[id=”box1”] 匹配指定id属性和值的div元素
- a[class~=”btn1”]匹配指定class属性中等于或包含指定值的元素
- a[class|=”btn”]匹配指定的class属性中唯一指定或者某一部分指定的值
例如:[attr|=val]匹配所有attr属性以“val”整个开头或者以val-开头的元素
a伪类选择器
- :link 匹配所有未被点击的链接
- :visited 匹配所有已被点击的链接
- :hover 匹配鼠标悬停其上的元素
:active 匹配鼠标已经在其上按下 但是还没有释放的元素
提示:在css中 a:hover必须被置于a:link 和a:visited之后
a:active必须被置于a:hover之后
.box:hover 鼠标悬停在box身上 同时也作用在box身上
.box:hover span 鼠标悬停在box身上 但是作用在span身上
.box:before{content:”前面赋值”}
.box:after{content:“后面赋值”}