Html 需要XPATH表达式的等效CSS选择器

我有一个html代码如下：

 <div id="select_a_boundary" class="dataset_select2">Homes name</div>

---

相同的CSS选择器是什么？

首先，如果您使用的是

id

，您不需要使用类，其次，如果您愿意选择一个id为

的元素，则可以使用

#select_a_boundary {
   /* Styles goes here */
}


注意：我没有选择具有该id和该类的元素作为
在这里，如果您使用的是id，那么id就足够了，因为它必须是唯一的
对于多个元素，则无效


根据你的评论

div[id=select_a_boundary][class=dataset_select2] {
    color: red;
}


或者更简单的（学分：）

注意：我仍然建议您使用
#选择_a_边界
更多
足够

首先，如果您使用的是
id
，则不需要使用类；其次，如果您愿意选择具有id
的元素，请选择可以使用的边界

#select_a_boundary {
   /* Styles goes here */
}


注意：我没有选择具有该id和该类的元素作为
在这里，如果您使用的是id，那么id就足够了，因为它必须是唯一的
对于多个元素，则无效


根据你的评论

div[id=select_a_boundary][class=dataset_select2] {
    color: red;
}


或者更简单的（学分：）

注意：我仍然建议您使用
#选择_a_边界
更多
足够

CSS中表达式的等效形式如下：

#选择_a_boundary.dataset_select2{
/*随便*/
}

因为单个文档中的标识符应该是唯一的，所以您甚至可以将其缩小为：

#选择一个边界{
/*随便*/
}

需要了解的一件重要事情是，尽管XPath和CSS选择器有许多相似之处，但它们是两个不同的东西

例如，没有类似于
：active
或
：hover
的XPath。使用XPath时，按类名正确匹配也更麻烦

另一方面，CSS无法使用
//p[a]
匹配XPath中的“带有锚定子项的所有段落”之类的内容。CSS中表达式的等价物如下：

#选择_a_boundary.dataset_select2{
/*随便*/
}

因为单个文档中的标识符应该是唯一的，所以您甚至可以将其缩小为：

#选择一个边界{
/*随便*/
}

需要了解的一件重要事情是，尽管XPath和CSS选择器有许多相似之处，但它们是两个不同的东西

例如，没有类似于
：active
或
：hover
的XPath。使用XPath时，按类名正确匹配也更麻烦

另一方面，CSS无法使用
//p[a]
@Alien先生：这是XPath，所以
//
不应该被删除，因为它有重要的意义。@BoltClock很抱歉，我以为代码被注释了，谢谢你的回复-edit@Mr.外星人：没问题，这是一个语法突出问题，所以也会让很多人感到困惑。@BoltClock yea:）但现在我会尽量避免在我不知道的地方进行这样的编辑sure@Mr.外星人：这是XPath，所以不应该删除
/
，因为它有重要的意义。@BoltClock抱歉，我以为代码被注释了，谢谢你的回复-edit@Mr.外星人：没问题，这是一个语法突出的问题，所以也会让很多人感到困惑。@BoltClock yea:）但现在我会尽量避免这样的编辑，因为我不确定这是真的。使用XPath可以做的很多事情都是选择器无法完成的（也许还有一些事情可以使用选择器完成，但不能使用XPath）。@BoltClock所以这在XPath中不起作用？如果没有，我想从我的answer@Mr.外星人：你是什么意思？@BoltClock哦，没什么，我只是正确地阅读了你的评论，这也有效。。。但实际上，
#id
不仅仅是sufficient@Jack这就是我说“也许”的原因。使用XPath可以做的很多事情都是选择器无法完成的（也许还有一些事情可以使用选择器完成，但不能使用XPath）。@BoltClock所以这在XPath中不起作用？如果没有，我想从我的answer@Mr.外星人：你是什么意思？@BoltClock哦，没什么，我只是正确地阅读了你的评论，这也有效。。。但实际上，
#id
不仅仅是sufficient@Jack：这就是我说“也许”的原因：）那么这是
#选择(select2
和
div[id=select(选择)边界][class=dataset(选择)]
是
和
等价的吗？@Priti只使用我所理解的1中的任何一个。。我只是告诉你这是在CSS选择器中执行
和
操作的方法：）@Priti说你可以像这样打破它，
div有[id=select\u a\u boundary]和[class=dataset\u select2]
；）我使用了这个-
div[id=select\u a\u boundary][class=dataset\u select2]
。我用xpath写了一个脚本，但是我的老板让我用CSS写：（…我不确定..所以我在这里寻求帮助..：）谢谢你的帮助..这也是
#选择边界.dataset_select2
和
div[id=select_a_boundary][class=dataset_select2]
和
是否等效？@Priti只需使用我理解的1中的任何一个。。我只是告诉你这是在CSS选择器中执行
和
操作的方法：）@Priti说你可以像这样打破它，
div有[id=select\u a\u boundary]和[class=dataset\u select2]
；）我使用了这个-
div[id=select\u a\u boundary][class=dataset\u select2]
。我用
xpath
写了一个脚本，但是我的老板告诉我用
CSS
写：（…我不确定..所以我在这里寻求帮助..）谢谢你的帮助。。