css - 更改内部类占位符的文本颜色

Question

我正在努力解决一个我认为相当微不足道的问题，之前从未有过使用 CSS 的经验。如何更改此类内容的占位符文本颜色？

<div class="square">
  <input class="circle" placeholder="blue" />
</div>

我以为这样的事情可能会奏效，但是没有

.square{
      .circle::-webkit-input-placeholder {
        color: blue;
      }
}

此外，我想知道如果它嵌套在层次结构的下方，如何完成相同的操作。是否可以跳过目标占位符和外部元素之间的元素？

Answer 1

要定位 .square 元素内的 .circle 元素，您需要编写:

.square .circle::-webkit-input-placeholder {