欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 游戏 > 开发指南115-CSS中选择器关系

开发指南115-CSS中选择器关系

2025/5/19 12:02:31 来源:https://blog.csdn.net/wangbing1125/article/details/148044036  浏览:    关键词:开发指南115-CSS中选择器关系

1、选择后代

      可以用选择器1 选择器2(中间用空格分隔)来表达,也可以在大括号里通过包含关系来表达

      举例 .a .b

       举例.a {

               .b{}

                  }

        注意css本身并不支持嵌套的写法,是scss等提供的扩展能力。

2、选择直系后代

      选择器1 > 选择器2(中间用>分隔)

      举例 .a > .b

3、选择直接相邻兄弟

      选择器1 + 选择器2(中间用+分隔)

      举例 .a + .b

4、选择所有相邻兄弟

  选择器1 ~ 选择器2(中间用~分隔)

      举例 .a ~ .b

6、同时给多个赋值

   选择器1 , 选择器2(中间用,分隔)

   举例 .a ,.b

7、选择具有某种属性的元素

     [attr=value]

     举例:input[type="text"]

8、否定选择器

     :not()

      举例::not(button)

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词