200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > CSS 子元素选择器【HTML】

CSS 子元素选择器【HTML】

时间:2022-08-22 06:32:17

相关推荐

CSS 子元素选择器【HTML】

web前端|html教程

css,元素,选择器

web前端-html教程

web服务源码,vscode选中相同内容插件,ubuntu的reverse,tomcat闪退时间,爬虫循环语句,php微信菜单开发,深圳万词seo引流方法,在线设计 网站源码,登录超时网页模板lzw

div > p { color: red; }

p1

asp查询源码,vscode配置csharp,虚拟机怎样下载ubuntu,tomcat假死问题,照片保存到sqlite,手机网页音频插件,web前端和java框架,爬虫微信图片,新闻发布系统 php,双流seo,html5网站动画效果代码,uu网页棋牌游戏完整,discuz默认模板是,java开源仓库管理系统,苹果cms8 程序影视网站lzw

p2

php 租车源码,ubuntu是什么界面,python爬虫下载期刊,php4999,机械seo知识lzw

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

一开始以为是继承,后来用 试了一下,下面 p 不会继承这个样式。

求解啊,谢谢了!

回复讨论(解决方案)

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

如下实例是正常的

.test>p { color: red; }

p1

p2

p3

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

/css/css_selector_child.asp

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。