CSS的复合选择器-2

268 阅读2分钟

这是我参与2022首次更文挑战的第10天
3.并集选择器(重要)
  并集选择权可以选择多组标签,同时为他们定义相同的样式。通常用于集体声明。
  并集选择器是各选择器通过英文逗号(,)连接而成,任何形式的选择器都可以作为并集选择器的一部分。
语法:
元素1,元素2{
    样式声明;
}
例如(选择ul和div标签元素):
ul,div{
    样式声明;
}
注意:
元素1与元素2之间使用逗号隔开。
逗号可以理解为和的意思。
并集选择器通常用于集体声明。
约定的语法规范,并集选择器喜欢竖着写。
一定要注意最后一个选择器不需要加逗号。
4.伪类选择器
  伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。
  伪类选择器书写最大的特点是用冒号(:)表示,比如:hover(当鼠标经过的时候)、:first-child(选择第一个孩子)。
  因伪类选择器很多,比如:链接伪类、结构伪类、表单伪类等。暂时先讲解常用的链接伪类选择器。
  1)链接伪类器
注意:
为了确保生效,请按照LVHA(四种简写)的顺序声明:link :visited  :hover  :active,顺序尽量不要颠倒。
因为a链接在浏览器中具有默认样式,所以我们实际工作中都需要给链接单独指定样式。
实际开发中的写法:
  2):focus伪类选择器
     :focus伪类选择器用于选取获得焦点的表单元素。
     焦点就是光标,一般情况类表单元素才能获取,因此这个选择器也主要针对表单元素来说。
语法:
input:focus{
        background-color:yellow;
}