问如何通过css类选择特定元素，而不是其他元素？

EN

通过类名和标记执行CSS Selector：div.thisClass { ... }

​

div.thisClass {
    background-color: red;
}

<div class="thisClass">thisClass (div)</div>
<p class="thisClass">thisClass (p)</p>

​

但这是一个bad way to write selectors

不使用标记名限定类规则

前面的概念也适用于这里。尽管类可以在同一页面上多次使用，但它们仍然比标记更独特。

您可以使用的一种约定是在类名中包含标记名。但是，这可能会以一定的灵活性为代价；如果对标记进行了设计更改，则类名也必须更改。(最好严格选择语义名称，因为这种灵活性是单独样式表的目标之一。)

错误的

treecell.indented {…}

GOOD

.treecell-indented {…}

BEST

.hierarchy-deep {…}

使用JavaScript

document.querySelector('div.thisClass')

使用jQuery

$("div.thisClass")

使用CSS：

<style>
    div.thisClass{}
</style>

下面的代码演示了如何在CSS和Javascript中从类列表中选择第一个类。

CSS

.thisClass:first-child {
  /*css property*/
}

JAVASCRIPT:

var divElement = document.getElementsByClassName('thisClass')[0];