html中一个标签多次继承一个样式？

Question

为什么个标签的样式会多次继承同一条重复的样式呢？
这样的东西多了。会不会影响网页的速度呢？

Answer 1

你的 HTML 写的是 html > body > div.container > div > ol/ul > li 这样的吧？
这个很正常呀，一个子标签的的某些属性就是应该一级一级的继承父标签的属性呀。
上面说的是 li 中的元素属性依次继承了 div div.container body html的属性。只不过某些属性你写在了同一行里。

这个我觉得不影响网页的渲染速度，因为即使你不写这些东西，最内层的元素也是要依次继承上一级元素的默认属性的，只不过你这里面没有显示而已。所以说如果你担心是这方面的影响速度，你真正应该做的是减少DOM树的深度。

另外，你把多个标签的属性写在一起，本身就复用了代码减小了 CSS 文件的大小，而且浏览器只需要解析一次这一组属性，所以说是提高了速度。

Answer 2

div
div

ul
  li

以这种结构, li的部分样式, 首先会继承第一个div, 然后是第二个div, 再到ul, 最后是自己的

这里只是部分样式, 因为不是所有样式都是可以继承的, 具体可以百度那些样式可以继承

优化的方法就是合理使用标签, 不要嵌套一些无意义的标签