css3-属性选择器

人盡茶涼 提交于 2020-01-25 08:51:30

属性选择器

通过标签中存在的属性来选择特定的 HTML 元素

语法:

element[Attribute_Name]

  • element HTML 元素
  • Attribute_Name 属性名
分类 描述 示例
E[att] 选择属性为 att 的 E 元素 input[name]
E[att = “val”] 选择 att 的属性值为 val 的 E 元素 input[autocomplete=“on”]
E[att^=“val”] 选择具有 att 属性且属性值以 val 开头的 E 元素 input[class^=“first”]
E[att$=“val”] 选择具有 att 属性且属性值以 val 结尾的 E 元素 input[class$=“last”]
E[att*=“val”] 选择具有 att 属性且属性值含有 val 的 E 元素 div[class*=“left”]
E[att~=“val”] 选择具有 att 属性且属性值为 val 或val与多个属性值用空格隔开的 E 元素 a[class~=“red”]
E[att|=“val”] 选择具有 att 属性且属性值为 val 或属性值之间用 “-” 隔开且属性值val在 “-” 前的 E 元素 a[class|=“red”]
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!