CSS学习第四天-属性选择器

举报
多米诺的古牌 发表于 2021/02/08 09:05:22 2021/02/08
【摘要】 属性选择器(相当于id选择器+class选择器)1.1 元素[属性]{XXX} eg:a[id]{XXX}即选中含有id的a标签1.2 元素[属性名 = 属性值]{XXX} eg:a[id=test]{XXX}即选中id=test的a标签1.3 使用正则匹配元素     元素[属性名 (正则表达式)= 包含的值 ]{XXX}     1.3.1 选中 绝对等于某值的元素 eg:a[id="t...

属性选择器(相当于id选择器+class选择器)

1.1 元素[属性]{XXX} eg:a[id]{XXX}即选中含有id的a标签

1.2 元素[属性名 = 属性值]{XXX} eg:a[id=test]{XXX}即选中id=test的a标签

1.3 使用正则匹配元素

     元素[属性名 (正则表达式)= 包含的值 ]{XXX}

     1.3.1 选中 绝对等于某值的元素 eg:a[id="testId"]{XXX} 即选中id 绝对等于 testId的a标签

     1.3.2 选中 通配某值的元素 eg:a[id *= "testId"]{XXX} 即选中id包含testId的a标签

     1.3.3 选中 以某值开始的元素 eg:a[href ^= "http"]{XXX} 即选中href以http开始的a标签

     1.3.4 选中 以某值结尾的元素 eg:a[href $="jpg"]{XXX} 即选中href以jpg结尾的a标签

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。