html - 如何只选择另一个 div 的所有第一个 child

标签 html css

假设有这样的html代码:

<div class="colora_riga">
     <!--only this div-->
     <div>
         <div>...</div>
     </div>
     <!--only this div-->
     <div>
        <div>...</div>
     </div>
</div>

我想直接拿 div 的所有唯一的第一个 child 和 colora_riga 类一样。我不想要 div 另一个 div。这是我的 CSS:

.colora_riga > div:first-child {
    border:1px ridge #999999;  
}

此规则仅适用于类为“colora-riga”的 div 的第一个子元素,对于第二个直接子元素,该规则不适用。谁能帮帮我?

最佳答案

如果我没理解错的话,你希望每个 div 直接在 .colora_riga 下,你不需要 :first-child 然后:

.colora_riga > div {
    border:1px ridge #999999;  
}

关于html - 如何只选择另一个 div 的所有第一个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44393591/

相关文章:

html - 如何使用 flexbox 使中间元素始终完美居中

javascript - 如何调整 React/Bootstrap 中列的大小

html - CSS填充父高度重新加载

html - 为什么以使用百分比衡量时 svg 图标上方和下方有一个空格?但不是以像素为单位测量时使用

css - 如何在 CSS 中定位多个 DIV

html - 一个在不应该移动的时候移动的 img

javascript - 单击链接时复制链接文本?

javascript - 防止文本在包含各种子元素的 div 中剪切,而不调整文本大小?

javascript - 浏览器中是否有用于激活的跨浏览器事件?

html - 动态使用 ngIf 的 CSS