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

Question

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

Answer 1

在 SCSS 中你可以定义：

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