CSS教程

css组合选择符

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

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

 

四种组合方式:

 

后代选择器:以空格分隔(用于选取某元素的后代元素)

比如:

div p
{
  background-color:green;
}

 

子元素选择器:以>分隔(只能选择一级子元素)

比如:

div>p
{
  background-color:green;
}

 

相邻兄弟选择器:以+分隔(可选择紧接在另一元素后的元素,且二者有相同父元素)

比如:

div+p
{
  background-color:green;
}

 

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

比如:

div~p
{
  background-color:green;
}

 

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