html5里的字体图标怎么变色 每个都不一样

发布网友 发布时间:2022-04-22 10:59

我来回答

3个回答

热心网友 时间:2022-04-21 07:56

应该是每个字体图标都有一个例如.iconfont这样的类名吧。那就用

.iconfont:nth-of-type(1){color:#000}

这样的方法选中他们。一个一个给:hover 。里面的1是第二个。比如你页面里有三个字体图标。里面的数字就是0,1,2

.iconfont:nth-of-type(0):hover{color:#f00}
.iconfont:nth-of-type(1):hover{color:#0f0}
.iconfont:nth-of-type(2):hover{color:#00f}

当然这是css3在360兼容模式下,有时候可能会没样式。一般不管他,谁叫他自己作,不用高级版本浏览器呢。

如果有需求。那么最好是每个给一个类名。按不同类名做不同交互。

当然也可以用js方法来实现。

热心网友 时间:2022-04-21 09:14

字体图标和字体一样,用color就可以了

热心网友 时间:2022-04-21 10:49

可以使用不同的class名来控制颜色

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com