Question

我想提供一个表width 100%，如果元素50%内有2个;

到目前为止我已经

了

    table { 
        width: 100%;
    }
    table + table {
        width: 50%;
    }
    //Outputs
    table + table { //rules only apply to the second table

这意味着如果有两个表，则第二个获得自己的样式，但我现在需要两个表为50％。没有Js请你。多么容易

Answer 1

完成这样的事情的方法有点违反直觉，我可能会忘记一些边缘情况，但这应该有效：

table {
   width: 50%;
}
table:last-child:first-child {
   width: 100%;
}

但这仅适用于包装器，其中唯一的子项是您的表。这样我们只有100%宽，如果它是唯一的孩子，否则默认为50%。

如果有2个或更多元素，则仅定位CSS

1 个答案: