我知道我可以用组合子选择特定类的后代或兄弟。 我有一种情况，我想在任何页面上样式一个元素，其中一个完全独立的元素包含一个特定的类。 这是针对一个wordpress站点，其中一些页面有一个特定的类别，它将该类别的名称添加到页面上的一个元素中。 我想在这些页面上设计一个元素，但是这个元素不是我要找的类的一个元素的后代或兄弟。
想象一下这个简化的场景:
<div>
<div>
<div class="desired-cat"></div>
</div>
<div>
<div>
<div>
<div class="target-element"></div>
</div>
<div>
有没有可能让我在任何一个页面上使用。desiredate-cat的地方设计。target-element？ 谢啦！
您可以使用HTML Dom getlElementByClassName（）方法来选择HTML文件中的所有元素。
null
function myFunction() {
var x = document.getElementsByClassName("example");
x[0].innerHTML = "Hello World!";
}<html>
<body>
<div class="example">First div element with class="example".</div>
<div class="example">Second div element with class="example".</div>
<button onclick="myFunction()">Try it</button>
</body>
</html>
在WordPress中，你可以使用身体类。
其中每个页面，类别，标签等都有自己的类。
因此，您可以使用这些类为特定区域设置样式。
示例:
...
<body class="archive category category-physiotherapy category-76 logged-in admin-bar wp-custom-logo hfeed customize-support">
...
