所以我目前正在使用这个解决方案,它允许我在我的 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;
}