css 元素focus时子标签样式改动

可以使用CSS中的:focus-within伪类选择器来实现元素focus时子标签样式改动。例如，假设你有一个包含input和label标签的form元素，你可以使用以下代码来实现input标签focus时label标签的样式改变：

form:focus-within label {
  color: red;
}

这将使得当用户在form元素内点击input标签时，对应的label标签的颜色会变成红色。注意，:focus-within伪类选择器是CSS3中新增的选择器，在一些旧浏览器中可能不被支持。

相关问题

css 子元素p标签居中

可以使用以下的CSS样式将子元素p标签居中：

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.parent p {
  text-align: center;
}

在上面的代码中，`.parent`是包含p标签的父元素。通过设置父元素的`display`属性为`flex`，可以将其内部的子元素水平和垂直居中。然后，通过设置子元素p标签的`text-align`属性为`center`，可以使其文本居中显示。

css选中一个标签的所有元素

要选中一个标签的所有元素，可以使用CSS中的通配选择器（*）来匹配所有元素。以下是一个示例：

* {
  /* CSS样式规则 */
}

上述代码将会选中页面中所有的元素，并可以在样式规则中添加相应的属性和值来对它们进行样式设置。请注意，通配选择器会匹配页面中所有的元素，因此在使用时需要谨慎，以免对整个页面产生意外影响。