css 类选择器和id选择器

作者：互联网
时间：2009-06-12 17:27:40

在 CSS 中，类选择器以一个点号显示：

.center {text-align: center}
在上面的例子中，所有拥有 center 类的 HTML 元素均为居中。

在下面的 HTML 代码中，h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。

This heading will be center-aligned

This paragraph will also be center-aligned.

*****************************
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：
#red {color:red;} #green {color:green;}
下面的 HTML 代码中，id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。

这个段落是红色。

这个段落是绿色。

注意：id 属性只能在每个 HTML 文档中出现一次。想知道原因吗，请参阅 XHTML:网站重构。

上一篇： CSS初学教程如何修改blog中的CSS

下一篇： css应用：单击table，使点击的行变色

css 类选择器和id选择器

This heading will be center-aligned

相关阅读

最新文章

人气下载推荐

相关应用

热门文章

推荐游戏