CSS 子元素选择器 | 您所在的位置:网站首页 › view子类 › CSS 子元素选择器 |
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 子元素选择器
CSS 后代选择器
CSS 相邻兄弟选择器
与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。 选择子元素如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素,请使用子元素选择器(Child selector)。 例如,如果您希望选择只作为 h1 元素子元素的 strong 元素,可以这样写: h1 > strong {color:red;}这个规则会把第一个 h1 下面的两个 strong 元素变为红色,但是第二个 h1 中的 strong 不受影响: This is very very important. This is really very important.亲自试一试 语法解释您应该已经注意到了,子选择器使用了大于号(子结合符)。 子结合符两边可以有空白符,这是可选的。因此,以下写法都没有问题: h1 > strong h1> strong h1 >strong h1>strong如果从右向左读,选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。 结合后代选择器和子选择器请看下面这个选择器: table.company td > p上面的选择器会选择作为 td 元素子元素的所有 p 元素,这个 td 元素本身从 table 元素继承,该 table 元素有一个包含 company 的 class 属性。 CSS 后代选择器 CSS 相邻兄弟选择器 CSS 参考手册 CSS 实例 CSS 测验 CSS 教程W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号 |
CopyRight 2018-2019 实验室设备网 版权所有 |