CSS选择器

今天我们来简单说一下选择器我也是现学现用，ID选择器，类选择器，属性选择器，元素选择器，等等不就不一一说了！

1 id选择器：

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

id 选择器以 "#" 来定义。

red {color:red;}

下面的 HTML 代码中，id 属性为 red 的 p 元素显示为红色。

这个段落是红色。

2 类选择器：

类选择器类选择器允许以一种独立于文档元素的方式来指定样式。

该选择器可以单独使用，也可以与其他元素结合使用。

.one{color: yellow;}

他的语法也是，即类名前有一个点号（.），然后结合通配选择器

*.important {color:red;}

3 属性选择器：

可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。

下面的例子为带有 title 属性的所有元素设置样式：

[title]{color:red;}

下面的例子为 title="W3School" 的所有元素设置样式：

[title=W3School]{border:5px solid blue;}

注意：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择

4 元素选择器：

最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。

html {color:black;}
h1 {color:blue;}

如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身：