<分区>
<分区>
我想给一个表格 width 100%
并且如果元素里面有 2 50%
;
到目前为止我有
table {
width: 100%;
}
table + table {
width: 50%;
}
//Outputs
table + table { //rules only apply to the second table
这意味着如果有两个表,第二个表有自己的样式,但我现在需要两个表都为 50%。请也不要 Js。很简单
最佳答案
完成这样的事情的方法有点违反直觉,我可能会忘记一些边缘情况,但这应该可行:
table {
width: 50%;
}
table:last-child:first-child {
width: 100%;
}
但这只适用于包装器,其中唯一的 child 是你的 table 。这样,如果它是唯一的 child ,我们只会将其设置为 100%
宽度,否则默认为 50%
。
关于html - CSS 仅在有 2 个或更多元素时才定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26611509/