后代选择器
后代选择器又称为包含选择器
语法:
元素1 元素2{样式}
比如:ul li{样式}
提示:
- 元素1和元素2中间用空格隔开
- 元素1是父级,元素2是子级,最终选的是元素2
子选择器
子元素选择器(子选择器)
语法
元素1>元素2{样式}
比如
div>p {样式}
提示:
- 元素1和元素2中间用大于号隔开
- 元素1是父级,元素2子级,最终选择的是元素2
并集选择器
并集选择器可以选择多组标签,同事为他们定义相同的样式
语法
元素1,元素2{语法}
比如
div,p{语法}
提示
- 元素1和元素2中间用逗号隔开
- 逗号可以丽理解为和的意思
伪类选择器
- 伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果
- 伪类选择器书写最大的特点是用冒号(:)表示,比如:hover,:first-child
伪类选择有 - 链接伪类
a:link (选择所有未被访问的链接)
a:visited(选择所有已被访问的链接)
a:hover(选择戍边指针位于其上的链接)
a:active(选择活动链接(鼠标按下未弹起的链接))
注意事项
1)为了确保生效,请按照 LVHA的循顺序声明:link-:visited-:hover-:active - 结构伪类,等
:focus伪类选择器
元素转换
- 行内元素转块级元素
display:block
2.块级元素转行内元素
display:inline
转换为行内块元素
display:inline-block
—— 评论区 ——