问题描述：

我想给第二个div的边框颜色，但我不能将id或类名添加到第二个div。如何选择第二个div的巢来设置其边框

提供下面的代码，CSS中是否有特殊的选择器来实现它？

<div> 
    <div> 
     <div id="d3"> 
      <div> 
       <div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

限定'第二div' –

'$（ '＃D3'）。亲本（）。addClass（ 'some_class'）'或'$（ '＃D3'）。亲本（）.css（'border-color'：color）' –

你使用d3.js吗？ – T04435

答

取决于其他因素

我们可以使用the > selector指定直接子。

div { 
 
    padding: 10px 25px; 
 
    border: 1px solid black; 
 
} 
 

 
body > div > div { 
 
    border: 2px solid red; 
 
}

<div> 
 
    <div> 
 
     <div id="d3"> 
 
      <div> 
 
       <div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

答

可以取得编号为D3的div元素的父。

document.getElementById('d3').parentElement.style.border = "solid #FF0000";

<div> 
 
    <div> 
 
     <div id="d3">sss 
 
      <div> 
 
       <div> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

嘿我应该只使用CSS不js –

@texirv如果你只是想使用CSS，你可以使用[Fred Gandt的方式]（https://*.com/a/44212611/6521116）。您还可以为第一个div添加'id'，然后使用'#id> div'选择第二个'div'。对于没有现在有父母选择器的CSS。参考[是否有一个CSS父母选择器]（https://*.com/q/1014861/6521116） –

如何选择第二个div的巢来设置其边框

取决于其他因素

相关推荐