第16章 选择器

本章针对CSS 3中使用的各种选择器进行详细介绍,通过选择器的使用,你不再需要在编辑样式时使用多余的以及没有任何语义的class属性,而是直接将样式与元素绑定起来,从而节省大量在网站或Web应用程序已经完成之后修改样式时所需花费的时间。

学习内容:

·掌握CSS 3中使用的选择器的基本概念。知道什么是选择器以及为什么需要使用选择器,使用选择器有什么好处。

·掌握CSS 3中的各种属性选择器的概念以及使用方法,其中包括:

·[att=val]选择器

·[att*=val]选择器

·[att^=val]选择器

·[att$=val]选择器

·掌握CSS3中的各种结构性伪类选择器的概念以及使用方法,其中包括:

·root选择器

·not选择器

·empty选择器

·target选择器

·first-child选择器

·last-child选择器

·nth-child选择器

·nth-last-child选择器

·nth-of-type选择器

·nth-last-of-type选择器

·only-child选择器

·掌握CSS3中的各种UI元素状态伪类选择器的概念以及使用方法,其中包括:

·E:hover选择器

·E:active选择器

·E:focus选择器

·E:enabled选择器

·E:disabled选择器

·E:read-only选择器

·E:read-write选择器

·E:checked选择器

·E:default选择器

·E:indeterminate选择器

·E::selection选择器

·E:invalid选择器

·E:valid选择器

·E:required选择器

·E:optional选择器

·E:in-range选择器

·E:out-of-range选择器

·掌握CSS3中的通用兄弟元素选择器的概念及使用方法。