如何将样式应用于scss中特定类型的所有子元素？

Question

如何在scss中将样式应用于特定类型的所有子元素？例如，假设我希望能够将名为“radioCircles”的类应用于div，该div将border-radius：10px应用于该div中的所有单选按钮。 div也可能有其他类型的元素，但我只希望将样式应用于单选按钮。

Answer 1

在SCSS中，您将定义：

.radioCircles {
  /* put any styling for the class here */
  input[type="radio"] {
    border-radius: 10px;
  }
}