网页3剑客
首页
前端开发
PHP教程
UI设计
VPS主机推荐
您的位置 »
首页
»
前端开发
CSS选择器的效率
2021-06-08
1030次阅读
css
id选择器(#myid)
类选择器(.myclassname)
标签选择器(div,h1,p)
相邻选择器(h1+p)
子选择器(ul > li)
后代选择器(li a)
通配符选择器(*)
属性选择器(a[rel="external"])
伪类选择器(a:hover,li:nth-child)
上面九种选择器的效率是从高到低排下来的,基中ID选择器的效率是最高,而伪类选择器的效率则是最底。
上一篇:
超炫的图片列表加载效果
下一篇:
一些安全相关的HTTP响应头
CSS选择器的效率
相关文章
CSS现在有一个父选择器:has
CSS属性insert
svg破折号
css Grid网格给选定元素设置样式
CSS Grid隐式网格创建交错炫酷demo
使用text-shadow文本阴影实现的酷悬停效果
CSS fit-content 的用例
css鼠标样式canvas带有手电筒
网站标签聚合
javascript
css模块
css
React
HTML
vue
webpack
node
原生Js
TypeScript
其它
gulp
ES6
html5
IOS
DOM
flexbox
git
MySQL
sass
swig
https
滚动
Array
Grid网格布局
npm
flash
事件发射器
photoshop技能
ps技巧
最新文章
Map和WeakMap更适合处理大量 DOM 节点
Map相对于Object对象的优势
structuredClone可以直接实现深拷贝了
Range.extractContents()提取并删除选中的对象
MutationObserver监听文本是否修改
React Router v6版中useHistory由useNavigate替代了
windows10下Ubuntu 20.04安装(亲测可用)
cmd Powercfg /requests命令行枚举应用程序和驱动程序电源请求。
Element.scrollTo之IE兼容
必须知道的Typescript实用类型