#书摘 #css #前端
《CSS 选择器世界》第6章 被低估的属性选择器
前几章讲述了几个常用的、必须掌握的选择器，以及可以将选择器威力放大数倍的选择符，对新手而言，只要掌握前面这几章的内容，就能实现完全静态的网页布局效果，足以在生产环境中进行开发，再掌握一些基础且常用的CSS属性，就可以算是前端入门了。
但CSS这门语言入门简单，精深却不容易。以本书为例，从本章开始的所有内容都可以看作CSS选择器功能的增强，占据的篇幅达到60%～70%之大，但是覆盖的只是实际开发场景中的30%。
所有设计出的CSS选择器都是有针对性和应对场景的，其中可能有些场景不太常见，但是随着开发的不断深入，早晚会在实践中遇到，此时，如果能够使用对应的CSS选择器，则开发效率和实现效果都会很惊人。
举个例子，我们进行Web Components组件化开发的时候，要想知道组件是否已经被定义，如果你没有学习后面的内容，就要在JavaScript代码中埋一些标记量给CSS使用，其实，是有专门的名为:defined的伪类匹配这种场景的。
从本章开始，对内容的掌握程度决定了读者是普通的还是资深的CSS开发人员。
先介绍一个被大家低估的选择器——属性值匹配选择器。我们平常提到的属性选择器指的是[type="radio"]这类选择器，实际上，属性选择器是简称，其全称为“属性值匹配选择器”。 在正式文档中，类选择器和ID选择器都属于属性选择器，因为本质上类选择器是HTML元素中class的属性值，ID选择器是HTML元素中id的属性值。
（睡觉！下次再读）
《CSS 选择器世界》第6章 被低估的属性选择器
前几章讲述了几个常用的、必须掌握的选择器，以及可以将选择器威力放大数倍的选择符，对新手而言，只要掌握前面这几章的内容，就能实现完全静态的网页布局效果，足以在生产环境中进行开发，再掌握一些基础且常用的CSS属性，就可以算是前端入门了。
但CSS这门语言入门简单，精深却不容易。以本书为例，从本章开始的所有内容都可以看作CSS选择器功能的增强，占据的篇幅达到60%～70%之大，但是覆盖的只是实际开发场景中的30%。
所有设计出的CSS选择器都是有针对性和应对场景的，其中可能有些场景不太常见，但是随着开发的不断深入，早晚会在实践中遇到，此时，如果能够使用对应的CSS选择器，则开发效率和实现效果都会很惊人。
举个例子，我们进行Web Components组件化开发的时候，要想知道组件是否已经被定义，如果你没有学习后面的内容，就要在JavaScript代码中埋一些标记量给CSS使用，其实，是有专门的名为:defined的伪类匹配这种场景的。
从本章开始，对内容的掌握程度决定了读者是普通的还是资深的CSS开发人员。
先介绍一个被大家低估的选择器——属性值匹配选择器。我们平常提到的属性选择器指的是[type="radio"]这类选择器，实际上，属性选择器是简称，其全称为“属性值匹配选择器”。 在正式文档中，类选择器和ID选择器都属于属性选择器，因为本质上类选择器是HTML元素中class的属性值，ID选择器是HTML元素中id的属性值。
（睡觉！下次再读）
