CSS选择器和伪类、伪元素

哈哈，小编又来啦。

下面我们来讲讲结构选择器。

结构选择器又被称为关系选择器

1.后代选择器：可以选择一个元素的后代元素 ,这个后代包括全部后代。

写法实例：

.content a{
    font-size: 32px;
}

2.子元素选择器：通过某一个元素选中直接后代元素。

写法实例：

.content > a {
    font-size: 32px;
}

并选择器写法：其实也说不上是选择器的一种，不过就是把两种选择器的共性的代码写在一起，简写了代码。

写法实例：

.div1,div2{  }

通配符选择器：

和属性选择器一样，也有通配符选择器

写法实例：*{   }

通配符选择器可以影响整个页面

注意事项：通配符选择器会对页面所有元素设置相应的样式，但在实际运用中，很多元素默认不带人和样式。

兄弟选择器：

1.写法实例：

 .borthder{
     text-decoration: none;
 }
.borthder+a{
    text-decoration: none;
}

注意：a 大家可以修改为自己页面的标签名

2.E~P选中所有的弟弟元素，并不选中自己。

小结：空格 表示所有后代

      >     表示直系后代

      +     表示第一个弟弟

      ~     表示所有弟弟

好吧，这些无趣的选择器介绍完了，下面给大家介绍一些有趣的选择器。

伪类选择器：

具体来说也没有一个能够看懂的解释，下面用非正式语言介绍一下。

1.根据元素的不同状态，自动选择不同的样式，或者，直接添加一个class，给这个class设定特定的样式。

li:first-child

a:hover:s鼠标滑过时的样式

a:active：被激活的时候参加样式，点击那一刻

a:link:链接地址为被访问时添加的状态，必须设置自href属性

A:visited：链接地址点击之后添加的颜色，必须设置href属性

Input：focus：拥有键盘输入获取焦点时候添加的样式。

伪元素选择器：

需要设置特殊效果的元素放到一个元素标签里面span，再添加一个class，对class设置特殊样式

为了方便，可以使用以下标签：

p:first-letter；p:fistline;p:before;p:after

为了给标签前后添加内容可以试试用before和after属性

ok，今天分享完毕，明天不见不散！