我如何以不同的方式设置两个相同类的 div?

灰烬杀手

所以基本上我有一个设置,以以下方式吐出代码..

<div class="parent">
   <div class="subparent">
      <div class="TARGETCLASS"></div>
   </div>
   <div class="subparent">
      <div class="TARGETCLASS"></div>
   </div>
</div> //close for the parent class

现在我想要做的是设计一种方式之上的“TARGETCLASS”和另一种方式第二位的“TARGETCLASS”。我尝试了第 n 个孩子,但无法达到我正在寻找的结果。无法向现有的“TARGETCLASS”类添加其他类或 ID。否则我不会发布这个问题:)

此外,“子父”类也是相同的。对于两个目标类。这就是问题 预先感谢您抽出宝贵时间为我回答这个问题。

干杯!

安东尼·克里根

我会像这样使用 nth-of-type 选择器:

.parent{}
.parent > .subparent {}  //targets both subparents
.parent > .subparent:nth-of-type(2) {} //targets the second subparent
.parent > .subparent:nth-of-type(2) > .TARGETCLASS{} //targets the child of the  second subparent

第 nth-of-type() 选择器使您能够为系列中的特定元素设置样式,在这种情况下,我们定位第二个 .subparent 然后指定我们需要的子元素。我希望这有帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何删除两个具有不同ID和相同类的动态生成的div块

如何添加 </div> 以分隔具有不同类的两个不同元素

两个按钮可滑动相同的div,但方式不同(从右到左和从左到右)

使用具有两个相同类的两个 div 的 Javascript

如何内联设置两个div

两个不同的<div>中的相同v-for循环

如何在JQuery中设置两个具有相同高度的div

如何将两个div并排设置为相同的高度?

如何以与包含图片的div相同的方式缩放div的高度?

使用jQuery在两个具有相同类的div之间检索HTML数据

难以从具有相同类的两个 div 中抓取数值

JavaScript 比较两个具有相同 ID 的 <div> 元素,并在它们的内容不同时设置它们的样式

如何编辑我的 css `toggle-slide` 以在两个不同的 div 中工作?

如何使两个并排的div保持相同的高度?

如何比较相同数字的两个div

如何在具有相同类名的div中动态设置不同的<a href>和<img src>?

Javascript:使两个div高度相同

我如何使用googlesheet中的xmlimport函数从具有相同类名的DIV获取不同的值?

如何并排设置两个div

如何设置两个并排的 div 以独立滚动?

如何以相同的div居中放置两条不同大小的水平线?

div 调用两个不同的函数

两个div的样式滚动不同

两个方向不同的粘性div

CSS:如何以与IMG相同的方式强制DIV保持长宽比

在javascript中,我如何在具有相同类的多个div上运行一个函数以获得不同的结果

DIV在JS的DIV中包装两个不同的元素

浮动两个div时自动设置div的宽度

设置两个div之间的div高度