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

2024-12-03 05:21:23
推荐回答(2个)
回答1:

使用>,比如div>p,就是表示选择父元素为

元素的陵差碧所有

元素。
如果是空格,比如div p,就是选择

元素内部的所有

元素。两个意思是有不同的。
这里.navbar-inverse .nav > li > a:hover,就是表庆肆示 navbar-inverse类内部所有父元素为nav类的

  • 元素的直接子元素在鼠标经过时的样式
    比如类似这样:

  • 回答2:

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

    举例说明:

    假设有dom 结构如下

      1
          2
              3
    此察
             雀岁 33

          

          22

      

    2和22是1的直接子代顷扒睁

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

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

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

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

    相关问答
    最新问答