[class^=“ico-“],[class*=“ico-“]的含义和区别

叶岚羲

于 2022-02-13 14:15:22 发布

阅读量321

点赞数

文章标签： css javascript css3

本文链接：https://blog.csdn.net/qq_44845659/article/details/122908485

版权

[class^=“ico-”] 这个是选择class以ico-开始的对象如 class=“ico-pic”
[class*=“ico-”] 这个是选择class中含有ico-的对象如 class=“pic-ico-pic”

[class^="ico-"],
[class*="ico-"] {
display: inline-block;
width: 48px;
height: 48px;
*margin-right: .3em;
line-height: 48px;
vertical-align: text-top;
background-image: url("images/icons/glyphicons.png");
background-position: 48px 48px;
background-repeat: no-repeat;
}