css只嵌套类型选择器

Question

所以我有这种情况：

<div class="wrapper"> 
     <div class="optional">
         <h3>one</h3>
         <textarea/>
     </div>
     <div class="optional">
         <h3>one</h3>
         <textarea/>
     </div> 
</div>

在wrapper内有更多元素。 有时我有1 optional次，有时不止一次。 我想添加不同的

.optional{textarea{ height: 150px;  }} 
.optional:only-of-type{textarea{ height: 75px;  }} //sass

但遗憾的是这不起作用（我知道......仅限于元素，而不是类）。

那么 - 当只有一个时，没有JS可以给textarea提供不同的高度吗？

Answer 1

正如您所说，:only-of-type并不适用于课程。

由于CSS doesn't yet provide an analogue of *-of-type for arbitrary selector sub-matching，另外CSS没有提供一种方法来确定元素是否是其类型（或唯一的孙子，期间）的唯一孙子，您将不得不用JS做到这一点。

Answer 2

所以，我现在有了解决方案 - 而不是div.optional我只选择了另一个稀有元素（section），然后我可以再次选择only-of-type。 简单但丑陋:)）