相关疑难解决方法(0)

我有一个3乘3的表.我需要一种方法为每行的底部添加一个边框tr并给它一个特定的颜色.

首先我尝试了直接的方式,即:

<tr style="border-bottom:1pt solid black;">

但那没用.所以我添加了这样的CSS:

tr {
border-bottom: 1pt solid black;
}

那还是行不通的.

我更喜欢使用CSS,因为那时我不需要style为每一行添加属性.我还没有添加border属性<table>.我希望这不会影响我的CSS.

我可能回答了我自己的问题,但我非常好奇.

我知道CSS可以选择父项的单个子项,但如果其父项具有一定数量的子项,则可以支持对容器的子项进行样式化.

例如

container:children(8) .child {
  //style the children this way if there are 8 children
}

我知道这听起来很奇怪,但是我的经理让我检查一下,没有找到任何东西,所以我决定在结束搜索之前转向SO.

当这套聪明的规则有所帮助时,无法弄清楚情况.它们打破了盒子模型的简单性,并在将不同的布局组合在一起时提供无限的麻烦来源.那是什么原因？

参考规则.

更新:规则对于兄弟元素是非常合乎逻辑的,但为什么边距应该传播到父元素直到树？解决了什么样的问题？

例如:

<div style="margin: 20px; background-color: red;">
    <div style="margin: 20px;">
        <p style="margin: 100px;">red</p>
    </div>
</div>
<div style="margin: 20px; background-color: blue;">blue</div>

顶级div相互间隔100px.