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

use*_*366 0 html css html5 css3 web

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

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

例:

HTML

<div class="container">
    <p class="nested-p">feefifem</p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS选项1:

.nested-p{...}
Run Code Online (Sandbox Code Playgroud)

CSS选项2:

.container p{...}
Run Code Online (Sandbox Code Playgroud)

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

Roy*_*mir 7

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

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

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

为什么?

因为这个:

在此输入图像描述

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

在此输入图像描述

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

在此输入图像描述

而第一个看起来像:

在此输入图像描述

  • 虽然如果你只是为了解决特殊性问题而创建类,那么就会出现更大的问题. (4认同)
  • 非常酷的图像和例子. (2认同)