如何使用CSS id 选择器

CSS id 选择器是一个非常方便的工具，使用了这样的一个工具之后，我们可以很方便的对于元素进行一个精确的选择，从而让每一个元素都可以精确的进行样式的设定。

"#"+名称是一个非常基本的形式，所有的样式语句都可以通过这样的一个方式来进行定义。下面的两行代码就完成了一个样式赋予的过程。

#red {color:red;}

这个段落是红色。

派生选择器的用法，这个id 选择器非常适合用在派生选择器当中。在ID后加上一个元素的名称就行了。有了这个派生选择器之后，我们就可以一个选择器多次使用了。

#sidebar p { font-style: italic; }

特殊状态。考虑到某些浏览器的因素，这个ID选择器会以不同的形式出现。

div#sidebar { border: 1px dotted #000; padding: 10px; } 前面加上一个div从在适应老式的浏览器的需求。

CSS 类选择器则是一个相同样式的元素的集中定义。下面的两句就够成了一个独立的流程。

.center {text-align: center}

This heading will be center-aligned

类选择器的派生形式，这个类选择器也有自己的派生形式。

.fancy td { color: #f60; background: #666; }

其它的表现形式。从这个代码一看就知道是表格的样式赋值。

td.fancy { color: #f60; background: #666; }