css组合选择符

本文主要是介绍css组合选择符，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

组合选择符说明了两个选择器之间的关系

四种组合方式：

后代选择器：以空格分隔（用于选取某元素的后代元素）

比如：

div p
{
  background-color:green;
}

子元素选择器：以>分隔（只能选择一级子元素）

比如：

div>p
{
  background-color:green;
}

相邻兄弟选择器：以+分隔（可选择紧接在另一元素后的元素，且二者有相同父元素）

比如：

div+p
{
  background-color:green;
}

普通兄弟选择器（后续兄弟选择器）：以~分隔（选取所有指定元素之后的相邻兄弟元素）

比如：

div~p
{
  background-color:green;
}

这篇关于css组合选择符的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！