- 7
- 0
- 约2.81千字
- 约 6页
- 2021-07-07 发布于天津
- 举报
CSS id 选择器、类选择器与属性选择器
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样 式。
id 选择器以 # 来定义。
下面的两个 id 选择器, 第一个可以定义元素的颜色为红色, 第二个定义元素的颜色为绿色: #red {color:red;}
#green {color:green;}
下面的 HTML 代码中, id 属性为 red 的 p 元素显示为红 色,而 id 属性为 green 的 p 元素显示为绿色。 id=red 这个段落是红色。
id=green 这个段落是绿色。
注意: id 属性只能在每个 HTML 文档中出现一次。想知道 原因吗,请参阅 XHTML: 网站重构。
id 选择器和派生选择器
在现代布局中, id 选择器常常用于建立派生选择器。
#sidebar p {
font-style: italic; text-align: right; margin-top: 0.5em;
}
上面的样式只会应用于出现在 id 是 sidebar 的元素内的 段落。 这个元素很可能是 div 或者是表格单元, 尽管它也可 能是一个表格或者其他块级元素。它甚至可以是一个内联元 素,比如 或者 ,不过这样的用法是非法的,因为不可以 在内联元素 中嵌入 ( 如果你忘记了原因, 请参阅 XHTML: 网站重构)。
一个选择器,多种用
您可能关注的文档
- cpu温度过高导致自动重启问题解决方法.doc
- cpu温度过高的排查和解决方法.doc
- cpu温度高和主板有关系吗.doc
- cpu超频过度造成的无法开机故障的解决.docx
- cpu过高电脑反应慢.doc
- cpu频率单核多核的相关介绍.doc
- cpu的发展历程和发展现状.docx
- cpu温度过高的问题原因.docx
- cpu风扇转速多少算正常.doc
- cra成才指南及职业发展方向.docx
- 2026精选初中7年级道德与法治应用题与情境问题精练专项训练与解题思路点拨.pptx
- 2026年社会福利机构营养师膳食搭配试卷(专项训练).docx
- 2026精选初中7年级地理课文内容精读梳理专项训练与解题思路点拨.pptx
- 2026年事业单位《会计学》考试模拟试题及答案.docx
- 2026精选初中7年级地理上册同步精讲专项训练与解题思路点拨.pptx
- 2026年旅游安全管理《应急预案》模拟检测试卷.docx
- 2026年经济师金融中级备考刷题培训试卷.docx
- 2026精选初中7年级化学高频考点速记专项训练与解题思路点拨.pptx
- 2026精选初中7年级化学必考题型全解专项训练与解题思路点拨.pptx
- 2026精选初中7年级地理双基巩固与拓展提升专项训练与解题思路点拨.pptx
原创力文档

文档评论(0)