Element[attribute|=“value”]相关问题

Element[attribute|=“value”]相关问题

Element[attribute|=“value”]

【概念】:选择attribute属性值为“value”或以“”value-”开头的元素,并设置其样式
【兼容性】:IE8+、FireFox、chrome、Safari、opera

但是:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    div[class|=s]{
        color: #f00;
    }
    </style>
</head>
<body>
    <div class="one s">one</div>
    <div class="s-one s stwo">two</div>
    <div class="ones sthree">three</div>
    <div class="sone sfour">four</div>
    <div>five</div>
</body>
</html>


s或以s开头变红应该是one,two都变红呀?为何仅two变红?

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

[attribute|=value]选择器选择的是s-开头的元素,而不是单独的s,祝学习愉快~

慕先生4633558 2017-04-11 14:37:19

要么就是s字符,要么就是以s-开头的字符串

提问者 变身程序媛fighting 2017-01-23 00:16:47

请问是不是说明[attribute|=value] 选择器仅仅用于“”value-”开头的元素?不用于属性值为“value”?

比如:你的例子 lang="en-us"。就是attribute|=en的。lang="en"就不属于?

我的疑虑主要是<div class="one s">one</div>中有单独的s 为何它没有变红呢?

卡布琦诺 2017-01-23 00:12:21

[attribute|=value] 选择器用于选取带有以指定值开头的属性值的元素。

注释:该值必须是整个单词,比如,或者后面跟着连字符,比如: lang="en-us"。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师