html - 兄弟有属性时的CSS选择器

Question

是否可以在 CSS 选择器中包含“兄弟”？

案子：

1)

<div>
  <textarea/>
  <input/>
</div>

2)

<div>
  <textarea/>
  <input style="display:none;"/>
</div>

款式：

div > texarea {
  height: 100%;
  width: 100%;
  bottom-padding: 20px;
  ....
}
div > input {
  bottom: 0px;
  ....
}

在这两种情况下，我都希望 textarea 适合父 div。但在第一种情况下，输入应该在 div 的底部，所以我使用底部填充。第二种情况怎么办？

score 1 · Accepted Answer

CSS 目前不支持基于其子项的某些条件对父项进行样式设置。

我建议您根据其中的内容在父 DIV 上放置一个类，并根据该类设置 DIV 的样式。

1 回答 1