css3高级选择器有

CSS3高级选择器是CSS3的一项重要功能，它可以根据不同的选择器选取页面上的元素，实现页面的样式设计。以下是一些常用的CSS3高级选择器。

/* 选择父元素下的第一个子元素 */
.parent > :first-child {
  /* 样式 */
}

/* 选择父元素下的最后一个子元素 */
.parent > :last-child {
  /* 样式 */
}

/* 选择兄弟元素中的第一个 */
.element ~ .sibling:first-of-type {
  /* 样式 */
}

/* 选择兄弟元素中的最后一个 */
.element ~ .sibling:last-of-type {
  /* 样式 */
}

/* 选择指定文本后的元素 */
a[href^="http"] {
  /* 样式 */
}

/* 选择指定文本包含的元素 */
a[href*="example"] {
  /* 样式 */
}

/* 选择指定文本结尾的元素 */
a[href$=".pdf"] {
  /* 样式 */
}

/* 选择指定状态的元素 */
input[type="checkbox"]:checked {
  /* 样式 */
} 

以上是一些常见的CSS3高级选择器，它们可以有效地帮助我们实现更加精细的样式设计，提高页面的美观度和可读性。