相关疑难解决方法(0)

我读到>在css 中使用子选择器()比后代选择器(). For example: p > em相对于p em.

在我看来,我在野外看到的大多数代码都没有利用这一点.

我理解某些情况值得使用其中一种,但总的来说,我是否应该尽可能地利用儿童选择器？或者我应该遵循什么似乎是惯例,并主要依靠后代选择器？

我想知道专家在编写CSS代码时会做些什么.使用tagname.className样式是不是很糟糕？继承会导致明显的性能损失吗？它只会在加载页面时影响浏览器吗？例如:用户向下滚动页面,在查看具有大量结果的页面时,可怜的CSS是否会成为缓慢滚动的罪魁祸首？

CSS示例:

div.result-row{...}
div.result-row div.photo-column{...}
div.result-row div.main-column{...}
div.result-row div.main-column div.text-row{}
div.result-row div.main-column div.date-row{}
div.result-row div.action-column{...}

VS

div.result-row{...}
div.photo-column{...}
div.main-column{...}
div.action-column{...}
div.text-row{...}
div.date-row{...}

我的页面输出了很多像这样的用户帖子......

<div class="result-row clearfix">
    <div class="photo-column">
        <img src="..." />
    </div>
    <div class="main-column">
        <div class="text-row">
            User's text
        </div>
        <div class="date-row">
            Today
        </div>
    </div>
    <div class="action-column">
        <a href="#">...</a>
        <a href="#">...</a>
    </div>
</div>