CSS id 选择器 |
您所在的位置:网站首页 › id选择器以什么为前缀 › CSS id 选择器 |
w3school 在线教程
HTML 系列教程
浏览器脚本
服务器脚本
编程教程
XML 系列教程
建站手册
参考手册
CSS 高级教程
CSS 课外书
CSS 简介
CSS 基础语法
CSS 高级语法
CSS 派生选择器
CSS id 选择器
CSS 类选择器
CSS 创建
CSS 背景
CSS 文本
CSS 字体
CSS 列表
CSS 框模型
CSS 框模型概述
CSS 内边距
CSS 边框
CSS 外边距
CSS 外边距合并
CSS 定位
CSS 定位概述
CSS 相对定位
CSS 绝对定位
CSS 浮动
CSS 选择器
CSS 元素选择器
CSS 选择器分组
CSS 类选择器详解
CSS ID 选择器详解
CSS 属性选择器详解
CSS 后代选择器
CSS 子元素选择器
CSS 相邻兄弟选择器
建站手册
网站构建
万维网联盟 (W3C)
浏览器信息
网站品质
语义网
职业规划
网站主机
关于 W3School
帮助 W3School
CSS id 选择器
CSS 派生选择器
CSS 类选择器
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色: #red {color:red;} #green {color:green;}下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。 这个段落是红色。 这个段落是绿色。 注意:id 属性只能在每个 HTML 文档中出现一次。想知道原因吗,请参阅 XHTML:网站重构。 id 选择器和派生选择器在现代布局中,id 选择器常常用于建立派生选择器。 #sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; }上面的样式只会应用于出现在 id 是 sidebar 的元素内的段落。这个元素很可能是 div 或者是表格单元,尽管它也可能是一个表格或者其他块级元素。它甚至可以是一个内联元素,比如 或者 ,不过这样的用法是非法的,因为不可以在内联元素 中嵌入 (如果你忘记了原因,请参阅 XHTML:网站重构)。 一个选择器,多种用法即使被标注为 sidebar 的元素只能在文档中出现一次,这个 id 选择器作为派生选择器也可以被使用很多次: #sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; } #sidebar h2 { font-size: 1em; font-weight: normal; font-style: italic; margin: 0; line-height: 1.5; text-align: right; }在这里,与页面中的其他 p 元素明显不同的是,sidebar 内的 p 元素得到了特殊的处理,同时,与页面中其他所有 h2 元素明显不同的是,sidebar 中的 h2 元素也得到了不同的特殊处理。 单独的选择器id 选择器即使不被用来创建派生选择器,它也可以独立发挥作用: #sidebar { border: 1px dotted #000; padding: 10px; }根据这条规则,id 为 sidebar 的元素将拥有一个像素宽的黑色点状边框,同时其周围会有 10 个像素宽的内边距(padding,内部空白)。老版本的 Windows/IE 浏览器可能会忽略这条规则,除非你特别地定义这个选择器所属的元素: div#sidebar { border: 1px dotted #000; padding: 10px; } 相关内容如果您需要更深入地学习关于 ID 选择器的知识,请阅读 W3School 的高级教程:CSS ID 选择器详解。 CSS 派生选择器 CSS 类选择器 CSS 参考手册 CSS 实例 CSS 测验 CSS 教程W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |