前端知识点总结一

本文详细解析CSS选择器的各类,包括id、类、标签、通配符选择器,及它们的关系组合如交集、并集、子选择器。同时介绍了伪类选择器的应用场景,如链接状态和用户交互状态的样式设定,以及CSS选择器的权重等级。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

#CSS选择器知识点总结
(1)CSS中选择器的分类:

  • id选择器;
  • 类选择器;
  • 标签选择器;
  • 通配符(*);

(2)选择器的关系组合:

  • 交集(后代选择器):
    ol li { }设置ol中li的属性。
  • 并集:
    ul,ol { }同时设置ul和li的属性。
  • 子选择器(用>表示):
    trav>li { }只设置li中儿子代的属性。
  • 伪类选择器:
    设置超链接a在未被访问前的样式:link;
    设置超链接a在其链接地址已被访问前的样式:visited;
    设置元素在其鼠标悬停时的样式:hover;
    设置元素在被用户激活(鼠标点击于是放之间)时的样式:active;

(3)CSS中
基本选择器权重的等级分类:

  • 内联样式:1000
  • ID:0100
  • class伪类:0001
  • 通配符(*):0000

复合选择器–关系符;
伪类选择器–伪类;
伪元素–伪元素;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值