css中后代选择器有三层标签的优先级比两层的高?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css中后代选择器有三层标签的优先级比两层的高?

2016-06-06 11:00:53 1889 1
<html>
<head>
<style type="text/css">
ul em {color:red; font-weight:bold;}
ol em{color:green}
</style>
</head>

<body>
<ul>
  <li>List item 1
    <ol>
      <li>List item 1-1</li>
      <li>List item 1-2</li>
      <li>List item 1-3
        <ol>
          <li>List item 1-3-1</li>
          <li>List item <em>1-3-2</em></li>
          <li>List item 1-3-3</li>
        </ol>
      </li>
      <li>List item 1-4</li>
    </ol>
  </li>
  <li>List item 2</li>
  <li>List item 3</li>
</ul>
</body>
</html>

显示的结果为(后定义的css选择器起作用):
screenshot
而把style里面的ul em {color:red; font-weight:bold;}后代选择器改为下面:
ul ol em {color:red; font-weight:bold;}(多一层ol标签)

显示结果就是(前面的css选择器起作用):
screenshot
为什么?多了一层优先级就高一些吗?

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:27:54

    ID、类、元素他们的优先级别是不一样的。

    你可以看看这篇文章应该能解决你的问题。

    CSS学习笔记(四) CSS优先级

    0 0
相关问答

1

回答

CSS的选择器中的伪类选择器具体是什么啊?

2021-12-14 16:58:05 328浏览量 回答数 1

1

回答

#message {margin:0}这个CSS中使用的是什么CSS选择器呢?

2021-11-22 19:05:16 218浏览量 回答数 1

1

回答

#message {margin:0}这个CSS中使用的是什么CSS选择器?

2021-11-01 19:07:26 292浏览量 回答数 1

1

回答

用ls命令,写按大小反序显示文件详细信息,怎么写?

2021-10-18 18:19:27 146浏览量 回答数 1

1

回答

CSS 选择器的优先级是如何计算的?

2019-11-18 16:20:01 410浏览量 回答数 1

1

回答

linux的du命令的使用 -k -b -m

2016-07-08 18:08:38 2434浏览量 回答数 1

1

回答

请教各位获取周围的用户,系统后端如何优化?

2016-06-14 13:47:42 1888浏览量 回答数 1

1

回答

css选择器~和+的反面是什么?

2016-06-13 16:21:14 1564浏览量 回答数 1

1

回答

C语言,vc编译器cl,如何支持变量不必在函数开始声明

2016-06-07 16:43:10 2579浏览量 回答数 1

1

回答

关于微信浏览器安卓机无法保存canvas转成img格式的图片

2016-03-12 14:39:31 5654浏览量 回答数 1
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载