CSS子元素选择器_html/css

来源：动视网责编：小采时间：2020-11-27 16:33:10

CSS子元素选择器_html/css

CSS子元素选择器_html/css_WEB-ITnose: div > p { color: red; } p1 p2 既然是子元素，为什么 p2 也变了颜色呢？一开始以为是继承，后来用 style=color: red; 试了一下，下面 p 不会继承这个样式。求解啊，谢谢了！回复讨论(解决方案) 这就是所谓的标签嵌套规范

推荐度：

点击下载本文 文档为doc格式

导读CSS子元素选择器_html/css_WEB-ITnose: div > p { color: red; } p1 p2 既然是子元素，为什么 p2 也变了颜色呢？一开始以为是继承，后来用 style=color: red; 试了一下，下面 p 不会继承这个样式。求解啊，谢谢了！回复讨论(解决方案) 这就是所谓的标签嵌套规范

既然是子元素，为什么 p2 也变了颜色呢？

一开始以为是继承，后来用 style="color: red; " 试了一下，下面 p 不会继承这个样式。

求解啊，谢谢了！

回复讨论(解决方案)

这就是所谓的标签嵌套规范，你可以通过开发者人员工具，查看页面解析，虽然p包含在内，但是，最终解析还是属于 div的直接子集

如下实例是正常的

div p{}//这种才是，div下，所有的后代元素。//可以理解为，包括儿子辈，孙子辈，重孙辈。一直到底div > p{}//这种是直接子元素。//可以理解为，这个只选择儿子辈的p元素

http://www.w3school.com.cn/css/css_selector_child.asp

CSS子元素选择器_html/css

推荐度：

点击下载本文 文档为doc格式

标签： html css 选择器

热门焦点

CSS子元素选择器_html/css

CSS子元素选择器_html/css

回复讨论(解决方案)

CSS子元素选择器_html/css

最新推荐

猜你喜欢

热门推荐