CSS属性选择器

        属性选择器是根据属性来选择元素,常用的有以下三种:包含属性选择器、属性值选择器、属性多值选择器

一、包含属性选择器

选择包含hello属性的标签,只需要这样写:

[hello] {
    /*  元素样式修饰...   */
}

那么下面所有加了hello属性的标签都将被选中

<div hello>会被选中</div>
<span hello>会被选中</span>
<div>不会被选中</div>

二、属性值选择器

即属性的值相匹配时进行选择,假设选择flag=true的标签,如:

[flag=true]{
    /*  样式修饰    */
}

那么所有flag=true的标签将被选中

<div flag="true">会被选中</div>
<span flag="true">会被选中</span>
<div flag="false">不会被选中</div>
<div>不会被选中</div>

三、属性多值选择器

属性可能含多个单词,但是只要有指定单词就选中,如下只要标签的content属性含hello单词就选中

[content~=hello] {
    /*  样式修饰    */
}

如:

<div content="hello Jack">会被选中</div>
<span content="hello aaa">会被选中</span>
<div content="aaa bbb">不会被选中</div>
<div>不会被选中</div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值