我何时使用class/id以及何时直接定位html标记

Question

我有(另一个)关于html/css最佳实践的问题.我检查了网站和这个网站,但所有关于何时使用ID以及何时使用类的文章.然而,这不是我正在努力的事情.

我想知道何时使用类选择器而不是html元素选择器,反之亦然.

例:

HTML

<div class="container">
    <p class="nested-p">feefifem</p>
</div>

CSS选项1:

.nested-p{...}

CSS选项2:

.container p{...}

在哪种情况下哪个选项更合适？为什么？

Answer 1

第一个选项是所有.nested-p类(你可以把这个类放到html ,body , p ,div and aside etc---好 - 你想要的任何东西.)

二是对所有p下.container(是的,这是正确的,只p)

关于优先级 - 第二个更高(读这个)

为什么？

因为这个:

一些粘贴图(只是为了强调)

所以第二个看起来像这样:

而第一个看起来像: