老师看过你回复的"|="和“^=”的答案你说“|=”指完整单词但我用“one two”没CSS样式

老师看过你回复的"|="和“^=”的答案你说“|=”指完整单词但我用“one two”没CSS样式

用了1.div class|="one"

2.div class|="one-two"

3.div class|="one two"

为什么第3个没有CSS样式字体不变色?

正在回答 回答被采纳积分+1

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

2回答
Hbrsql 2017-04-17 16:13:51

"|="选中的是属性值等于指定字符串或以该字符串后跟连接符作为开头的字符串


[class|="one"] 选中的只能是以下两种:

1:  class="one"

2:  class="one_??"

它们的属性值都是一个完整的词.


class="one two",值是两个单词,既不属于1,也不属于2.未被选中.

提问者 sugaro 2017-04-17 14:18:05

<div class="one">1</div>

<div class="onetwo">2</div>

<div class="one two">3</div>

<div class="one-two">4</div>

只有1,4变色为什么3不变色

<style type="text/css">

div[class|="one"] { color: #f00; }

</style>


  • 蜀绘 #1
    div[class|="one"] 是指class的值为one跟one-变色。这里面class只有一个值,你说的3不变色,那个用的代码是div[class~="one"]这个是多个值
    2017-07-31 00:14:57
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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