学习纲要：CSS 常用选择器

选择器用来选择要在DOM中哪些元素上使用某些样式。

学习目标

1. 知道什么是 CSS 选择器。
2. 知道 CSS 选择器有什么用。
3. 知道如下选择器的写法，对哪些元素生效和浏览器兼容性：通配选择器，元素选择器，id选择器，类选择器，群组选择器，层次选择器，子元素选择器，伪类选择器中的 :hover,:active,:focus,:nth-child，属性选择器。
4. 知道选择器的权重/优先级。

学习资源

• 资料: 选择器（Selectors）
• CSS伪元素选择器介绍
• Mastering the :nth-child
• Specifics on CSS Specificity :关于选择器的权重
• 选择器浏览器兼容性

习题

习题1

写满足以下条件的选择器

• id为img-list的子元素中类名为img-item的span元素
• 类名不为not-normal-input的文本框(<input type="text">)元素的获得焦点状态
• 在父元素中倒数第2个a元素
• 在父元素中第3个整数倍，但不包括0，3的a元素