CSS选择器分类

CSS选择器详解
本文全面总结了CSS选择器的应用,包括基础、层次、伪类、属性等选择器,并详细介绍了各类选择器的功能与使用场景。

终于找了一份相对较全面的CSS选择器总结:跳:http://www.cnblogs.com/AllenChou/p/4684753.html

个人总结了一份大概概览

基础选择器

  *,元素,类,ID

层次选择器

   后代a b / 子代a>b / 相邻兄弟a+b / 通用兄弟 a~b

 伪类选择器

   1)      动态伪类:    链接里的:link/visited;

            用户操作的:hover/:active/:focus

  2)      目标伪类:target

  3)      UI元素伪类:hover/active/focus

                    Enabled/disabled

                    Read-only/read-write

                    Checked/selection

  4)      结构伪类:      root/empty

           Nth选择器:first-child     last-child

            nth-child(n)   nth-last-child(n)

                                      only-child     only-of-type

  5)      否定伪类:not()    input:not([type=input])

  6)      伪元素first-line ,first-letter,  before,  after 

属性选择器

  E[attr] / E[attr=value]

     E[attr^=value]    E[attr$=value]    E[attr*=value]

 

转载于:https://www.cnblogs.com/better2019/p/8723994.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值