欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

x+y是相邻的关系后者才会生效,也可以称作相邻选择器,所以如下图中只有8显示为红色,其他没有变化。

前端初学者必须记住的8个css选择器

 

x>y是子选择器,但对深层次的不会有作用,所以如下图只有123为红色,其他都没有变色。

前端初学者必须记住的8个css选择器

 

x~y和x+y类似都是相邻的关系,只是x~y后面的y有多少会生效多少而,x+y只会生效一个相邻的y。所以将ul+p改变为ul~p中只显示8 9 11 12响铃的p标签。

前端初学者必须记住的8个css选择器

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r59346.shtml