HTML5CSS3-CSS3选择器

一、属性选择器(可以根据特定条件选择标签)

input[type^='but'] 选中type以but为开头的标签

input[type$='word'] 选中type以word为结尾的标签

input[type*='t'] 选中type出现t字母的全部标签

二、伪类选择器

li:empty {} 选中没有嵌套内容的li标签

li:not(.demo) {} 排除类名为.demo的li标签

ul li:nth-child(-n + 3) {} 选择ul标签下的前3个li标签

p:nth-child(2) ~ p{} 选择第2个p标签到最后一个p标签(不包含第2个p标签)

p:nth-child(2) + p {} 选择第2个p标签后的1个p标签

相关推荐
遂心_1 分钟前
DOM元素内容修改全攻略:从innerHTML到现代API的最佳实践
前端·javascript·react.js
溯水流光2 分钟前
React 源码解析
前端
光影少年5 分钟前
Typescript工具类型
前端·typescript·掘金·金石计划
北风GI9 分钟前
如何在 vue3+vite 中使用 Element-plus 实现 自定义主题 多主题切换
前端
月亮慢慢圆9 分钟前
网络监控状态
前端
_AaronWong14 分钟前
实现 Electron 资源下载与更新:实时进度监控
前端·electron
Doris_202316 分钟前
Python条件判断语句 if、elif 、else
前端·后端·python
Doris_202321 分钟前
Python 模式匹配match case
前端·后端·python
森林的尽头是阳光34 分钟前
vue防抖节流,全局定义,使用
前端·javascript·vue.js
YiHanXii36 分钟前
React.memo 小练习题 + 参考答案
前端·javascript·react.js