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

因此，我想选择类为

.thisClass

的

元素，但不选择类为
的任何其他元素。thisClass
：

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



使用JavaScript

document.querySelector('div.thisClass')

使用jQuery

$("div.thisClass")

使用CSS：

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


div.thisClass{}
使用JavaScript

document.querySelector('div.thisClass')

使用jQuery

$("div.thisClass")

使用CSS：

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


div.thisClass{}
按类名和标记：
div.thisClass{…}
：


div.thisClass{
背景色：红色；
}
thisClass（div）
thisClass（p）
按类名和标记：
div.thisClass{…}
：


div.thisClass{
背景色：红色；
}
thisClass（div）
thisClass（p）
以下代码说明了如何从CSS和Javascript中的类列表中选择第一个类

CSS

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

JAVASCRIPT:

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

下面的代码说明了如何从CSS和Javascript中的类列表中选择第一个类

CSS

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

JAVASCRIPT:

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

@抱歉，你能解释一下鼠标是什么意思吗？如果你的页面上有多个div，那么这会选择这个类的所有div。为什么故意用这么多不相关的信息来模糊答案？唯一相关的部分是“使用CSS”部分，但为了找到相关部分，我必须跳过两个完整的代码片段。为什么要让读者比现在更难找到答案呢？（我敢打赌@Sverri M.Olsen正试图说明这一点。）@TomError：你应该以故意破坏为由拒绝该编辑，而不是仅仅为了回滚而批准它。现在，该用户因故意破坏他人答案而获得+2代表的奖励。（我看到了标签，但它们真的不是必需的。）@BoltClock Point Take，我对审查更改非常陌生。@SverriM.Olsen抱歉，你能解释一下鼠标是什么意思吗？有一个小注释，这将选择该类的所有div，如果你的页面上不止一个，为什么故意用这么多不相关的信息来模糊答案？唯一相关的部分是“使用CSS”部分，但为了找到相关部分，我必须跳过两个完整的代码片段。为什么要让读者比现在更难找到答案呢？（我敢打赌@Sverri M.Olsen正试图说明这一点。）@TomError：你应该以故意破坏为由拒绝该编辑，而不是仅仅为了回滚而批准它。现在，该用户因故意破坏他人答案而获得+2代表的奖励。（我看到了标签，但它们确实不是必需的。）@BoltClock注意，我对审查更改非常陌生。您正在使用的CSS选择器可能不起作用，因为在这两个元素之前很可能还有其他元素。此外，没有请求JS解决方案，因为没有给出完整的HTML，所以假定没有具有相同类的前面元素。此解决方案已在测试后给出。我同意，JavaScript解决方案不是必需的，但它只是在CSS解决方案之后添加的。您使用的CSS选择器可能无法工作，因为在这两个元素之前很可能还有其他元素。此外，没有请求JS解决方案，因为没有给出完整的HTML，所以假定没有具有相同类的前面元素。此解决方案已在测试后给出。我同意，JavaScript解决方案不是必需的，但它只是在CSS解决方案之后添加的。请记住，链接页面已经有15年以上的历史了，而且很多选择器和组合器的效率低下已经被解决了improved@andyb我没说性能。这一原则现在是实际的（选择严格的语义名称），参见示例。是的，我知道边界元法，但性能与选择器有关，并在您的答案引用的部分“使用可能的最具体类别”后立即调用。我主要想强调的是，并非链接页面的所有部分仍然相关，但我同意你的回答没有提到性能，我的评论是误导性的。@andyb谢谢，现在我理解了你的观点。关于文章的其他部分，你是对的。请记住，链接页面已经有15年以上的历史了，而且很多选择器和组合器的低效已经被忽略了improved@andyb我没说性能。这一原则现在是实际的（选择严格的语义名称），参见示例。是的，我知道边界元法，但性能与选择器有关，并在您的答案引用的部分“使用可能的最具体类别”后立即调用。我主要想强调的是，并非链接页面的所有部分仍然相关，但我同意你的回答没有提到性能，我的评论是误导性的。@andyb谢谢，现在我理解了你的观点。关于文章的其他部分，你是对的。