CSS3选择器

选择器是CSS知识中的重要部分之一,也是CSS的根基。利用CSS选择器能不改动HTML结构,通过添加不同的CSS规则得到不同样式的网页。要使某个样式应用于特定的HTML元素,首先需要找到该元素,在CSS中执行这一任务的表现规则成为CSS选择器。

一、选择器的分类


根据所获取页面中的元素的不同,把CSS3选择器分为5大类:基本选择器、层次选择器、伪类选择器、伪元素和属性选择器。其中伪类选择器有分为六种:动态伪类选择器、目标伪类选择器、语言伪类、UI元素状态伪类选择器、结构伪类选择器和否定伪类选择器。如图:

alt text


下面将对这些选择器一一介绍

二、选择器用法

1.基本选择器

alt text
详细讲解请见基本选择器语法

2.层次选择器

alt text

3.动态伪类选择器

alt text

4.目标伪类选择器

alt text

5.UI元素状态伪类选择器

alt text

6.结构伪类选择器

alt text

7.否定伪类选择器

alt text

8.属性选择器

alt text

注:本篇博客系统介绍CSS3选择器分类及选择器的功能,选择器具体操作见各个链接中的分块博文。暂时分块博文还没有完成,我会逐步更新。