免费学习CSS从零开始（4）

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

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

以下两个id选择器SEO第一个可以定义元素的颜色为红色南开网站优化第一个可以定义元素的颜色为红色SEO优化第二个定义元素的颜色为绿色：

CSS

#red {color: red;} #green {color: green;}

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

＆lt; p id='red'＆gt;这段是红色的。 ＆LT;/p为H. ＆lt; p id='green'＆gt;这段是绿色的。 ＆LT;/p为H.

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

Id选择器和派生选择器

在现代布局中id 选择器常常用于建立派生选择器。

#sidebar p { 字体样式:斜体; 正确对齐: 保证金顶部: 0.5em; }

以上样式仅适用于ID为侧栏的元素中出现的段落。这个元素很可能是div或table单元格尽管它也可以是表格或其他块级元素。它甚至可以是内联元素例如＆lt; em＆gt;＆lt;/em＆gt;或＆lt; span＆gt;＆lt;/span＆gt;但此用法是非法的因为它不能是内联元素＆lt; span＆gt;嵌入＆lt; p＆gt;

一个选择器多个用法

即使被标注为 sidebar 的元素只能在文档中出现一次这个 id 选择器作为派生选择器也可以被使用很多次：

#sidebar p { 字体样式:斜体; 正确对齐: 保证金顶部: 0.5em; } #sidebar h2 { 字体大小: 1em; 字体权重:正常; 字体样式:斜体; 保证金: 0; 行高: 1.5; 正确对齐: }

这里与页面中其他p元素的不同之处在于侧边栏中的p元素是专门处理的同时侧边栏中的h2元素与页面中的其他h2元素不同。特别待遇。

单独的选择器

id 选择器即使不被用来创建派生选择器现在网站优化侧边栏中的h2元素与页面中的其他h2元素不同。特别待遇。

单独的选择器

id 选择器即使不被用来创建派生选择器它也可以独立发挥作用：

#sidebar { 边界: 1px点缀＃000; 填充: 10px; }

根据此规则具有侧边栏id的元素将具有带有像素宽度的黑点状边框和围绕它的10像素宽的填充（内部空白）。除非您专门定义此选择器所属的元素否则旧版本的Windows/IE浏览器可能会忽略此规则：

Div＃sidebar { 边界: 1px点缀＃000; 填充: 10px; }

成都seo微信

更基本的网站教程你可以关注成都seo——网站的建设 来源：张军SEO来自媒体（微信/QQ：820312849）欢迎分享这篇文章请保留出处！ 上一篇：《学习CSS从零基础开始（三）-派生选择器》 下一页：《免费学习CSS从零基础开始（五）-CSS 类选择器》