2015-04-21
id 选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
id 选择器以 "#" 来定义。
下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:
#red {color:red;} #green {color:green;}
下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。
<p id="red">这个段落是红色。</p> <p id="green">这个段落是绿色。</p>
注意:id 属性只能在每个 HTML 文档中出现一次。想知道原因吗,请参阅 XHTML:网站重构。
id 选择器和派生选择器
在现代布局中,id 选择器常常用于建立派生选择器。
#sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; }
上面的样式只会应用于出现在 id 是 sidebar 的元素内的段落。这个元素很可能是 div 或者是表格单元,尽管它也可能是一个表格或者其他块级元素。它甚至可以是一个内联元素,比如 <em></em> 或者 <span></span>,不过这样的用法是非法的,因为不可以在内联元素 <span> 中嵌入 <p> (如果你忘记了原因,请参阅 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; }
PHP中的魔术方法 :__construct, __destruct , __call, __callStatic,__get, __set, __isset, __unset , __sleep,
2014-09-05
PHP中的(++i)前缀自增 和 (i++)后缀自增
2014-09-05
php递归返回值的问题
2014-09-05
最简单的asp登陆界面代码 asp登陆界面源代码详细介绍
2017-04-12
常用dos命令及语法
2014-09-27
如何安装PHPstorm并配置方法教程 phpstorm安装后要进行哪些配置
2017-05-03
php 做权限管理
2014-09-05
nginx,php日志分割
2014-09-05
解决ThinkPHP在Nginx下无法使用pathin方式的问题
2014-09-05
c语言新手入门代码
2022-03-22
打扮我最美游戏下载v1.0 安卓版
其它手游 136.2M
下载暖暖公主爱换装官方版下载v1.2 安卓版
其它手游 175.7M
下载我的机器人战争游戏下载v1.1.1 安卓版
其它手游 110.8M
下载太空杀抓捕内鬼最新版下载v1.1 安卓版
其它手游 34.8M
下载鱼丸深海狂鲨官方正版下载v9.0.30.0.0 最新安卓手机版
其它手游 78.0M
下载时尚暖暖换装舞会最新版下载v1.0 安卓版
其它手游 116.2M
下载彩笔快来画小游戏下载v4.0 安卓版
其它手游 49.7M
下载程序塔防游戏下载v2.8 安卓版
其它手游 84.6M
下载枪火刺激吃鸡手机版下载v3.0 安卓版
下载
迷你托卡小镇小家游戏下载v1.0 安卓版
下载
终结荒野精英官方版下载v2.6 安卓版
下载
荣耀火柴人王者游戏下载v1.0.0 安卓版
下载
天才宠物银幕秀完整版下载v1.1.0 安卓最新版
下载
公主宠物世界官方版下载v1.0.3 安卓版
下载
托卡城镇大自然游戏下载v4.6 安卓版
下载
火柴人盟军遗产2游戏下载v1.0.62 安卓版
下载