|=是选择属性值为s或以s-开头的元素,那为什么像下面这样子也是只有two变红

|=是选择属性值为s或以s-开头的元素,那为什么像下面这样子也是只有two变红

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

div[class|="s"]{

color: red;

}

</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 class="s sone">fine</div>

</body>

</html>


正在回答

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

1回答

[attribute|=value] 选择器用于选取带有以指定值开头的属性值的元素。该值(value)必须是整个单词,或者后面跟着连字符(即:-)。可以这样:

http://img1.sycdn.imooc.com//climg/5acc97ef00014b7905230141.jpg

显示的就是2和5了。祝学习愉快~~


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

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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