首页前端开发CSS关系选择器,X+Y,X>Y,X~Y

关系选择器,X+Y,X>Y,X~Y

时间2024-05-20 11:08:03发布访客分类CSS浏览24
导读:x+y是相邻的关系后者才会生效,也可以称作相邻选择器,所以如下图中只有8显示为红色,其他没有变化。 x˃y是子选择器,但对深层次的不会有作用,所以如下图只有123为红色,其他都没有变色。 x~y和x+y类似都是相邻的关系,只...

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

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

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 关系选择器,X+Y,X>Y,X~Y
本文地址: https://pptw.com/jishu/664107.html
编程入门书籍是什么 学什么编程能炒股

游客 回复需填写必要信息