2018-05-27

这周主要研究了CSS的伪类和伪元素，所谓的伪元素就是你无法用JS获取到这个伪元素，或者增删改，可以用它完成视觉上的要求，又不会增加DOM的负担。伪类可以完成很多selector的工作，更有效率的的控制样式。

1 An Ultimate Guide To CSS Pseudo Classes And Pseudo Elements

• CSS3用(::)和(:)来区分伪元素和伪类
• 文章在提到CSS生成内容的优缺点时特别强调了对于残疾人的不友好，比如生成的内容就不会被视觉障碍人士使用的软件(如screen reader)读出来。
• 最后一部分使用了大量的例子来介绍伪类和伪元素

2How To Benefit From CSS Generated Content And Counters

• 给(::before/after)增加content属性来生成特定的内容
• 这些内容包括文字、链接、图标、图片和计数器
• 计数器是另一部分重点内容，通过counter()函数可以定义一个计数器来自动生成有序的内容
• 计数器不仅仅能生成阿拉伯数字，包括罗马数字、拉丁字母以及他们的大小写形态

3入门级的练习CSS选择器的网站

形式很不错，总共有32个小问题，可视化做的很好，简单、直观，唯一的问题就是访问不稳定。

3汇总性质的CSS选择器index网站

• 将CSS选择器分为4个level，从level-1的class和id选择器到level-4的(:drop)选择器等