css - 其他元素数量的div可见性

标签 css sass css-selectors

<分区>

我有以下结构

<div class='some-group'>
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>   
</div>
<div class='button'>Click</div>

我希望如果“some-group”的 child 多于 2 个则显示“按钮”,如果少于 2 个则隐藏“按钮”。 这可能仅使用 css 吗?

最佳答案

不,仅使用 css 是不可能的,我认为这不是正确的方法。任何动态行为都应该由 javascript 实现,而 CSS 纯粹是一个样式规则容器。从我的 Angular 来看,你违反了关注点分离原则。

关于css - 其他元素数量的div可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43515395/

上一篇:javascript - 如何在点击时进行滑动切换?

下一篇:html - 页脚不在表单后停留在页面底部

相关文章:

Jquery Nth-Child 问题

javascript - 如何检查css规则是否存在

html - CSS:如何做出正确的布局?

javascript - 如何让 DIV 占据容器 div 的其余高度?

PHP 变量超出 HTML 链接 href 字符串?

css - 为什么是:not() selector not working with the * selector?

javascript - 下拉菜单切换不适用于 iPhone

css - 动态构建 SASS 映射,然后使用值

python-2.7 - 如何通过 Selenium Python 点击​​某个元素

html - 从一行中的第一个和最后一个元素中删除填充