首页 > 代码库 > H5 13-子元素选择器
H5 13-子元素选择器
13-子元素选择器
<style>div>ul>li>p { color: purple }</style>
我是段落
我是段落
我是段落
-
我是段落
我是段落
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>13-子元素选择器</title> <style> /* div>p{ color: red; } */ /* #identity>p{ color: blue; } */ div>ul>li>p{ color: purple; } </style> </head> <body> <!-- 1.什么是子元素选择器? 作用: 找到指定标签中所有特定的直接子元素, 然后设置属性 格式: 标签名称1>标签名称2{ 属性:值; } 先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素 注意点: 1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签 2.子元素选择器之间需要用>符号连接, 并且不能有空格 3.子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器 4.子元素选择器可以通过>符号一直延续下去 --> <!--div>ul>li>p--> <p>我是段落</p> <div id="identity"> <p>我是段落</p> <p>我是段落</p> <ul> <li><p>我是段落</p></li> </ul> </div> <p>我是段落</p> </body> </html>
H5 13-子元素选择器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。