后代选择器
语法 :
元素1 元素2 { 样式声明 }
例如 :
ol li {
color: red;
}
子选择器
只能选择作为某元素的最近一级子元素
语法:
元素1 > 元素2 { 样式声明 }
并集选择器
可以选择多组标签, 同时为他们定义相同的样式
并集选择器是各选择器通过英文逗号连接而成
语法:
标签1, 标签2 { 样式声明 }
伪类选择器
伪类选择器 用于向某些选择器添加特殊的效果
伪类选择器用冒号表示, 比如 :hover
链接伪类选择器
a: link /* 选择所要未被访问的链接 */
a: visited /* 选择所要已被访问的链接 */
a: hover /* 选择鼠标指针位于其上的链接 */
a: active /* 选择活动链接 */
语法:
a: link { 样式声明 }
链接伪类选择器注意事项
为了确保生效, 请按照LVHA的顺序声明 : link - : visited - : hover - : active.
focus 伪类选择器
:focus 伪类选择器用于选取获得焦点的表单元素
语法:
input:focus {
background-color: yellow;
}