| 属性选择器类型 | 示例 | 说明 |
|---|---|---|
| [attribute] | [target] | 选择带有 target 属性的所有元素 |
| [attribute=value] | [target=_blank] | 选择带有 target="_blank" 属性的所有元素 |
| [attribute~=value] | [title~=flower] | 选择带有包含 "flower" 一词的 title 属性的所有元素 |
| [attribute|=value] | [lang|=en] | 选择带有以 "en" 开头的 lang 属性的所有元素 |
| [attribute^=value] | a[href^="https"] | 选择其 href 属性值以 "https" 开头的每个 元素 |
| [attribute$=value] | a[href$=".pdf"] | 选择其 href 属性值以 ".pdf" 结尾的每个 元素 |
| [attribute*=value] | a[href*="w3school"] | 选择其 href 属性值包含子串 "w3school" 的每个 元素 |
【css】属性选择器分类
科学熊2023-08-08 23:29
相关推荐
晚风_END18 分钟前
Linux|操作系统|最新版openzfs编译记录dLYG DUMS1 小时前
DBeaver连接本地MySQL、创建数据库表的基础操作苍煜2 小时前
MySQL分库分表和ES到底怎么选?茉莉玫瑰花茶2 小时前
Qt 信号与槽 [ 1 ]czlczl200209252 小时前
松散索引扫描/跳跃索引扫描DFT计算杂谈3 小时前
wannier90 参数详解大全苍煜3 小时前
二叉树、红黑树、B树、B+树通俗教学:各自适配场景+MySQL索引终极选型原因星马梦缘4 小时前
数据库作战记录 实验7、8安逸sgr4 小时前
Hermes Agent + Obsidian 打造第二大脑(六):分层记忆系统的设计逻辑——L0/L1/L2/L3 四层记忆详解之歆5 小时前
DAY13_CSS3进阶完全指南 —— 背景、边框、文本、渐变、滤镜与 Web 字体(下)