当前位置：首页 - 正文

CSS样式中的>是什么意思?怎么解读以上代码?

发布网友发布时间：2022-04-22 02:26

共2个回答

热心网友时间：2022-04-22 03:55

使用>，比如div>p，就是表示选择父元素为 <div> 元素的所有 <p> 元素。
如果是空格，比如div p，就是选择 <div> 元素内部的所有 <p> 元素。两个意思是有不同的。
这里.navbar-inverse .nav > li > a:hover，就是表示 navbar-inverse类内部所有父元素为nav类的<li>元素的直接<a>子元素在鼠标经过时的样式
比如类似这样：<div class="navbar-inverse"><ul class="nav"><li><a href="#">selected</a></li></ul></div>追问有>和没有>用空格具体是什么区别呢？

追答主要是看是否直接子元素，比如下面这段html
link

那么div a就会选中里面的元素，但是div>a就不会选中这个元素，因为这个元素是在元素内不但是不是的直接子元素

热心网友时间：2022-04-22 05:13

css 中的〉代表直接子代选择器

举例说明：

假设有dom 结构如下

2和22是1的直接子代

2，3，33，22是1的子代

选择器 #div1 >div 选择的就是 2和22

选择器 #div1 div 选择的就是 2，3，33，22

所以， > 表示选择前一标签的直接子代

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com