css的选择器

本文详细介绍了CSS中的基础选择器,包括通配符、标签选择器、ID选择器和类选择器,以及关系型选择器如后代、子代、相邻兄弟和一般兄弟选择器。此外,还探讨了伪类和伪元素的应用,如`:hover`、`:active`、`:focus`以及`::before`和`::after`。最后,文章阐述了CSS优先级的概念,包括顺序渲染原则和权值比较,帮助读者理解如何控制样式的应用顺序。
摘要由CSDN通过智能技术生成

选择器
    基础选择器
        * 通配符
        标签选择器 (1)
        id选择器 (100)
        类选择器 (10)
        群组选择器 (,链接)
    关系型选择器
        后代 子代 (空格)
        父级>子级
        兄弟~兄弟
        兄弟+相邻兄弟
    伪类
        切换状态变化,附着在选择器后面状态
        :hover 悬停
        :active 激活
        :focus 获取焦点
        :link 未激活状态
        :visited  已激活状态
    伪元素
        附着在选择器后面,表示一个元素的某个特定部分
        ::before 在元素前部
        ::after 在元素的后部
        更对伪元素:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-elements#标准伪元素索引
    CSS优先级
        顺序渲染原则
        指定大于继承原则
        权值的比较
            权值累加
            权值不越级
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值