CSS属性选择器

CSS属性选择器

通过元素(标签)的属性(以及属性的值)选择元素,并应用CSS样式

语法解释
选择器[属性名]选中拥有特定属性的特定元素
选择器[属性名=属性值]选中拥有特定属性,并且该属性的值为指定的值的特定元素

举例:

选中配置了title属性的p元素

        p[title]{
            font-size: 30px;
        }
<body>
    <p title="123">这是一个P标签</p>
</body>

 

选中href="http://www.baidu.com"并且target="_blank"的链接

        a[href="http://www.baidu.com"][target="_blank"]{
            font-size: 30px;
        }

<body>
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="#" target="_self">回到顶部</a>
</body>

 

注意,属性选择器可以有多个[属性名]和[属性名=属性值]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值