0

所以我目前正在使用这个解决方案,它允许我在我的 Font Awesome 5 图标上使用渐变:解决方案 11925: for Font Awesome 5 Icon Gradients。但是,当我在此解决方案中使用该方法时,它会对所有 Font Awesome 5 元素应用渐变,因为它会将 SVG * fill CSS 规则应用于所有元素。我不想将规则应用于所有人。有没有办法让它只适用于某些人?因为我想为单独的部分使用单独的渐变?

这是我的 CSS 代码:

svg * {
fill: url(#rg);
} 

它目前正在将该规则应用于这些字体很棒的 5 个图标,这很好:.fa-html5, .fa-css3-alt, .fa-js, .fa-camera-retro, .fa-pencil-alt, .fa-sass { font-size: 4rem; }

不过,我想对这些图标应用不同的渐变:

.fa-calendar-alt,
.fa-newspaper,
.fa-paper-plane,
.fa-searchengin,
.fa-users,
.fa-newspaper,
.fa-paint-brush, 
.fa-code, 
.fa-object-ungroup {
    font-size: 2rem;
}
4

0 回答 0