CSS 子元素选择器_html/css_WEB-ITnose
程序员文章站
2022-03-28 09:32:57
...
p1
p2
既然是子元素,为什么 p2 也变了颜色呢?
一开始以为是继承,后来用 style="color: red; " 试了一下,下面 p 不会继承这个样式。
求解啊,谢谢了!
回复讨论(解决方案)
这就是所谓的标签嵌套规范,你可以通过开发者人员工具,查看页面解析,虽然p包含在内,但是,最终解析还是属于 div的直接子集
如下实例是正常的
p1
p2
p3
div p{}//这种才是,div下,所有的后代元素。//可以理解为,包括儿子辈,孙子辈,重孙辈。。一直到底div > p{}//这种是直接子元素。//可以理解为,这个只选择儿子辈的p元素
http://www.w3school.com.cn/css/css_selector_child.asp
推荐阅读
-
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
-
HTML5新增的Css选择器、伪类介绍
-
css 元素选择器的简单实例
-
原生的html元素选择器类似jquery选择器
-
css3类选择器之结合元素选择器和多类选择器用法
-
CSS3控制HTML元素动画效果
-
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
-
利用css伪类选择器hover控制两个元素属性
-
前端笔记知识点整合之jQuery(一)加载函数的区别&对象&操作HTML/CSS&动画&选择器
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?