html - CSS 仅在有 2 个或更多元素时才定位

标签 html css

<分区>

我想给一个表格 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/

上一篇:javascript - 我的移动网站右侧有烦人的空白

下一篇:jquery - 根据单选按钮点击显示 div

相关文章:

php - 如何获取不同表的数据?

php - 如何以表格形式显示数据

javascript - Google VR View - 托管代码不起作用

css - 在 div 上使用悬停不起作用

javascript - 如何使这些菜单项链接到其他页面?

javascript - 多个显示和隐藏和关闭触发器

html - 需要带括号的小罗马列表

android - 仅在 android Chrome 浏览器上出现在网站上的微弱线条

html - 给文本框添加 margin-top

html - 如何正确地将我的 HTML 元素包含在其父 View 中?