CSS 选择器 & CSS3选择器

本文详细介绍了CSS选择器,包括基础选择器如标签选择器、ID选择器和类选择器,以及CSS高级选择器如后代选择器和交集选择器。接着,深入探讨了CSS3选择器,如关系选择器(子代、相邻兄弟等)、属性选择器和伪类选择器,并提供了实例解析。最后,提到了CSS3中的一些特殊选择器,如聚焦、禁用、已选中状态等。
摘要由CSDN通过智能技术生成

1、CSS 选择器

1.1 、CSS基础选择器

  • 标签选择器:所有标签名都可以当做选择器,比如body、h1、dl、ul、span等等
  • id选择器: 同一个页面内id不能重复(一般是JS中用ID选择器)
  • 类选择器:任何的标签都可以携带class属性,class属性可以重复(CSS尽量用类选择器)

1.2 、CSS高级选择器

  • 后代选择器:空格表示。选择的是后代,不一定是儿子
  • 交集选择器:选择的元素是同时满足两个条件,一般都是以标签名开头。

        /* 选择的元素是同时满足两个条件,必须是h3标签,必须是special类 */
         h3.special{
            color:red;
         }
  • 并集选择器(分组选择器):逗号表示
        h3,li{
            color:red;
        }
  • 通配符*:星号表示所有的元素
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值