CSS学习第四天-属性选择器
【摘要】 属性选择器(相当于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)