6.22 css问题汇总

1、关于css伪类/伪元素

两个冒号和一个冒号表示分别代表什么？

css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示

伪类和伪元素之间的区别？

伪类就是给既存的元素模拟新添加一个类来实现某种效果。伪元素创建了一个虚假的元素，并插入到目标元素内容之前或之后，就是模拟新添加一个元素来实现某种效果，伪元素如果没有设置“content”属性，伪元素是无用的，但可以设置“content”的属性值为空。
 

用伪类:first-child将第一个p设成红色：

p:first-child {color: red}

<div>
  <p>第一个段落</p>    //我将变成红色
  <p>第二个段落</p>
</div>

等价于手动给DOM元素添加类：

.first-child {color: red}

<div>
  <p class="first-child">第一个段落</p>
  <p>第二个段落</p&