CSS基础-选择器

基本选择器

[attr]

[attr = value]

[attr ~= value] 

[attr |= value]

 li[class="a" i]

派生选择器

li strong {
    font-style: italic;
    font-weight: normal;
  }

　　以冒号开头的关键字，用于选择处于特定状态的元素。

简单伪类

 用户行为伪类

当用户以某种方式和文档交互的时候。

: hover  鼠标挪动到链接上时

: focus  使用键盘选定元素时

其他伪类 

 伪元素

伪元素以双冒号：：开头。

伪元素和伪类选择器很像，但是不是向现有的元素中应用某个类，而是像加入全新的HTML元素一样。

:: first-line  第一行

:: before / ::after  与content属性结合

　　在元素前或者后插入一段文本字符串，但是不常用，对于一些屏幕阅读器来说，该文本不可见，而且对于别人查找和编辑也不方便。

　　也可以插入图标

.box::after {
content: " ?"
}

　　也可以插入空字符串，然后用CSS改变它的外观和行为。

.box::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-color: rebeccapurple;
    border: 1px solid black;
}

结合伪类和伪元素

把第一段的第一行加粗

article  p  :first-child  :: first-line{   }

CSS基础-选择器

原文：https://www.cnblogs.com/Olebaba/p/13700794.html