我如何 select 到没有 class 或 id 的 div 标签

Question

所以我有这个 html 代码。

<div class="someClass">
    <div style="border: red solid 1px;">someText</div>
</div>

我想更改包含 "someText" 的标签的样式设置。

我试过 :not([class]) 东西，但由于这不是唯一没有任何 class 或 ID 的标签，因此它不适用。我想 select 那个特定的标签，但不知道。

Answer 1

div {
    /* your styles */
}

如果您想更改所有 div 的样式，

将起作用。

否则，您可以缩小范围，例如

.someClass div {
    /* your styles */
}

将更改具有 class someClass.

的元素内所有 div 的样式

Answer 2

在这种情况下有效：

.someClass > div {}

这会选择您元素的所有 div 个具有 class "someClass" 的子元素。

Answer 3

是否有任何特定原因您不想使用 Id 或 Class，如果有这些工具，您也可以使用它们，或者您可以使用 Nth Child Selector 即

someClass:nth-child(1) {
  background: red;
}

Answer 4

嗯...这只是一个建议，通过使用 JavaScript HTML DOM 选择
查找具有 "someText" text

的所有 div 标签

这是代码

var divContent = document.getElementsByTagName("div");
//find all div tag elements

   for(var i = 0; i<divContent.length; i++){
   
       if(divContent.item(i).innerText == "someText"){
       //if you find div tag with "someText" text,
           console.log("found");
           //log "found" on console
   
           divContent.item(i).style.border = "red solid 3px";
           //and style border of 'the' element
           divContent.item(i).style.backgroundColor = "aqua";
           //background-color: aqua;
       }
   }

div{
  margin: 10px;
  padding: 10px;
  
  border: black solid 1px;
  /*to show how it works*/
}

<div>
        
        <div>
            someText
        </div>
        <div>
            someText
        </div>
        <div>
            another text
        </div>
</div>
    
    <div>
        someText
    </div>
    
<div>
  
</div>

这只是一个建议，不使用 class 或 ID 和检测内容有文本行 "someText".

我希望这对你的好奇有所帮助，希望你有愉快的一天

我如何 select 到没有 class 或 id 的 div 标签

How do I select to a div tag without class or id

html

css

selector