2021-06-08

CSS选择器

CSS又称层叠样式表，它与HTML相辅相成，用到它的前提是通过绑定选择器去定义页面的样式，CSS选择器非常多，每一个选择器都带有它的特定的含义，选择器的作用规范了页面中哪些元素能够使用定义好的样式。

选择器的大概如下：

通用选择器：* {} （通配符） 它可匹配所有的元素，但是这样会对浏览器造成太大的负担，测试阶段可用

类选择器：它允许以一种独立于文档类元素的方式指定样式，可单独使用，也可与其他元素结合使用

<div class=””>，HTML的写法，它的选择则为.””;

ID选择器：它同样也是允许以一种独立于文档类元素的方式指定样式，它类似于类选择器，在HTML文档中，ID选择器只能使用一次，也仅此一次，而类可以出现多次，它也不能结合使用，是一个独立的选择器，ID 选择器前面有一个“#”号，也称棋盘号或井号。

元素选择器：非常常见的选择器，直接通过元素选择，p、div、h1、a、可快速定义样式,但是在页面布局方面，会存在多个p标签或者h1标签等等，则需要通过它的父元素选择（何为父子元素），也就是后代选择器（又称包含选择器），此图可帮助理解

 

后代选择器可以作为某元素的后代元素

子元素选择器：它只能作为某元素子元素的元素，假如不希望选择其它的后代元素，可以使用‘’子元素选择器

CSS伪类，可向某些选择器添加特殊的效果，CSS伪元素，可向某些选择器设置特殊的效果。

 

兄弟选择器，或者也可叫同胞选择器，拥有相同的父元素

<ul>

<li></li><li></li><li></li>

</ul>