博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS选择器分类
阅读量:4704 次
发布时间:2019-06-10

本文共 699 字,大约阅读时间需要 2 分钟。

终于找了一份相对较全面的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

你可能感兴趣的文章
Java设计模式——适配器模式
查看>>
[BZOJ1876][SDOI2009]superGCD(高精度)
查看>>
selenium的句柄
查看>>
实验四附加实验 项目互评
查看>>
利用GPU实现大规模动画角色的渲染
查看>>
POJ---2524 Ubiquitous Religions[简单并查集]
查看>>
[SCOI2005]王室联邦
查看>>
CodeForces - 1016D Vasya And The Matrix
查看>>
angularjs 中的iframe 标签 ng-src 路径
查看>>
cURL error 60: SSL certificate problem...
查看>>
05-图3. 六度空间 (30)
查看>>
MongoDB 基本使用
查看>>
.NET框架 - NETCORE部署IIS
查看>>
采购申请审批策略增强
查看>>
算法笔记_223:打印回型嵌套(Java)
查看>>
机器学习 -- 文本挖掘
查看>>
某单位排队形,开始排成3路纵队,末尾多出2个人,后改称5路纵队,末尾又多出3个人 ,后改成7路纵队,正好没有余数,求单位总人数...
查看>>
第五次作业
查看>>
微信小程序-canvas画布
查看>>
centos7 install fastdfs nginx
查看>>