css - CSS-在div中定位两个元素而不重复父类

例如，我有这个-

<div class="epindiv"><p>Enter No. of Epins:</p> <input size="2" type="text" /> <div class="clear-both"></div></div>

我想定位<p>标签和<input/>标签。但我不想这样写-

.epindiv p, .epindiv input

有没有更有效的方式编写此代码而不重复父类？

最佳答案

在这种情况下，您可以使用.epindiv *:not(:last-child)

.epindiv *:not(:last-child) {
  background: orange;
}

<div class="epindiv">
  <p>Enter No. of Epins:</p>
  <input size="2" type="text" />
  <div class="clear-both"></div>
</div>