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标签

相关推荐
网络点点滴8 分钟前
Vue3路由params参数
前端·javascript·vue.js
hqk11 分钟前
鸿蒙 ArkUI 从零到精通:基础语法全解析
android·前端·harmonyos
wordbaby38 分钟前
React Native (Expo) iOS 真机调试失败排查:xcodebuild exited with error code 65
前端·react native
今天也很困1 小时前
解决浏览器后台定时器降频问题:用 Worker 实现高精度 setInterval
前端
只与明月听1 小时前
一次uniapp问题排查
前端·javascript·vue.js
Bacon1 小时前
Vitest 一个基于 Vite 的快速单元测试框架
前端
学不动学不明白1 小时前
AES-GCM 解密失败解决方案
前端
一水鉴天1 小时前
整体设计 定稿 之16 三层智能合约体系实现设计和开发的实时融合
前端·人工智能·架构·智能合约
捕捉一只前端小白1 小时前
前端面试题(仅供参考)
html·css3·js
小菜今天没吃饱1 小时前
DVWA-XSS(Reflected)
前端·xss·dvwa