%3ea css兄弟元素

在 CSS 选择器中，我们可以使用%3Ea来选中某一元素下的所有直接子元素中的第一个 a 元素。这个选择器被称为“父子选择器”（parent-child selector）。

/*选择元素 ul 下的第一个 a 元素*/
ul%3E a:first-child {
  font-weight: bold;
}

如果想要选择元素 ul 下的第二个 a 元素，则可以使用实际上是“兄弟选择器”的%2Ba 选择器。

/*选择元素 ul 下的第二个 a 元素*/
ul%3E a%2B a {
  color: red;
}

在这个例子中，我们使用%2B 来选中紧接在 ul 下的第一个 a 元素之后的第一个 a 元素。

与单个元素的选择器不同，父子选择器和兄弟选择器的嵌套使用可以更加精准地选中目标元素。

/*选择元素 div 中的第一个子元素 p 中的第一个子元素 a*/
div %3Ep:first-child %3E a:first-child {
  color: blue;
}

在这个例子中，我们选择的是 div 下的第一个 p 元素下的第一个 a 元素。如果 div 中第一个子元素不是 p 元素，则这个选择器不会生效。

因此，这种选择器的使用需要根据具体的 HTML 结构进行选择。