CSS中Attribute（属性选择器）都有哪些？
点击右上方红色按钮关注“小郑搞码事” ， 每天都能学到知识 ， 搞懂一个问题！
大家好！我是/小郑搞码事/的小郑
今天和大家聊一下 ， CSS中属性选择器都有哪些 ， 大家可以借此加深对选择器的印象 。
关于属性选择器 ， 大概有下面这七种 。 我们逐个来看一下 。
E[attr]匹配有属性attr的元素 。
比如：a[href]{}
E[attr=val]attr属性值等于val 。
比如：span[class="error"]{}
E[attr ~= val]attr属性值有多个空格分开的值 ， 其中有一个值等于val 。
比如：a[title~='db']{}
E[attr^=val]attr属性值以val开头
比如：a[class^="icon-"]{}
E[attr$=val]attr属性值以val结尾
比如：a[href$=".html"]{}
E[attr*=val]attr属性值含有val
比如：a[href*="?"]{}
E[attr|=val]attr属性值由一系列用连字符连拉而且必须是以val开头 。
比如：
（此处已添加圈子卡片 ， 请到今日头条客户端查看）
推荐阅读
- 推出「美肤AI 」，体素科技要为美业增加专业医疗属性
- 居然有这么美的鼠标，“乐、萌”属性的雷柏ralemoAir1成女性新宠
- 多个你不知道的 CSS 居中方案
- css方法实现垂直居中的常用方法（布局常用）
- JDK1.8中HashMap的源码分析
- 分享数十款基于html+css+js的数据可视化大屏看板源码
- Java程序设计-类的属性
- 断点|说一说你不了解的Tailwind CSS响应式设计~