关于最后一个Element[attribute|=”value”]
来源：2-7 属性选择器
慕9588112
2019-05-31 13:27:31
<a href="www.imooc1.com">网页1</a><br/> <a href="www.imooc2.com">网页2</a><br/> <a href="www-.imooc3.cn">网页3</a><br/> <a href="www-.imooc4.cn">网页4</a><br/> <div class="two three">这是盒子div1</div> <div class="two-l four">这是盒子div2</div> <div class="two-s five">这是盒子div3</div>
CSS代码
*{background:#000;color:white;}
a[href] {text-decoration:none;}
a[href|="www"] {color:darkmagenta;}
div[class|="two"]{font-size:30px;}这里为什么网页1和网页2两个以www开头的会没效果？
然后div这边要是只添加一个类名two的话三个都有效果，
但是如果添加2个类名的话，div2和div3有css效果，盒子div1就没有效果了，这是为什么？
写回答
1回答
-
同学你好， 因为这种是匹配整个单词的， 只能选中class值为值为two 或者 two-的
因为网页1和网页2的class类名www后面跟的是点，所以不可以匹配到。而 class="two three"这种不符合匹配规则。所以匹配不到
这里同学了解一下就可以了， 实际中很少使用这种方式选择元素的
如果帮助帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题