如果它有使用 CSS 的孩子，如何将样式应用到父母？

在 CSS 中，样式会向下级传递。这意味着，当您为子元素定义样式时，这些样式不会自动应用于父元素。但是，您可以使用不同的方法，将一个样式应用于元素和其子元素。

使用后代选择器

后代选择器是一种选择所有后代元素的 CSS 选择器。如果您想将样式应用于元素和其子元素，可以使用后代选择器。

例如，如果您想将一个样式应用于某个 id 的元素及其所有后代元素，您可以使用以下代码：

#my-element,
#my-element * {
  color: red;
}

这将将红色文本应用于指定元素及其所有子元素。

使用子选择器

子选择器是一种只选择直接子元素的 CSS 选择器。如果您只想将样式应用于元素的直接子元素，而不是其后代元素，您可以使用子选择器。

例如，如果您只想将样式应用于某个 id 的元素的直接子元素，您可以使用以下代码：

#my-element > * {
  color: red;
}

这将将红色文本应用于指定元素的直接子元素。

使用相邻兄弟选择器

相邻兄弟选择器是一种只选择紧随在另一个元素后面的元素的 CSS 选择器。如果您只想将样式应用于元素的下一个兄弟元素，您可以使用相邻兄弟选择器。

例如，如果您想将样式应用于某个 id 的元素的下一个兄弟元素，您可以使用以下代码：

#my-element + * {
  color: red;
}

这将将红色文本应用于指定元素的下一个兄弟元素。

总的来说，这些是将样式应用于元素及其子元素的一些最常见的方法。使用这些技术，您可以为父元素和其子元素定义特定样式。