具有多个不同图标的很棒的字体类

2023-12-22

我想创建带有多个图标的自定义 font-awesome 类,即 .2star 等级由 2 颗星和 3 颗空星组成,并排成一条线,彼此相邻。有没有办法在 CSS 中做到这一点,或者我必须使用具有多个 i-class 的纯 html 解决方案?


是的,您创建了一个自定义字体很棒的类,在内容中包含多个字符,如下所示

.class:after {
   content: "\f005\f005\f005"; /* 3 Stars */
    font-family: FontAwesome;
}

Demo http://jsfiddle.net/rmqaR/

请注意,像这样的值\f005等可以在 FontAwesome 样式表中找到,因此复制您喜欢的字体类型的 unicode 并将其与 Font Awesome 字体系列一起在 content 属性中使用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

具有多个不同图标的很棒的字体类 的相关文章

  • 如何检查字体是否有符号

    我的文档中有以下 css 规则 font family Trebuchet MS Tahoma 但我发现有些浏览器有 Trebuchet MS 字体没有我需要的符号 某些带有非拉丁字符的语言 在这种情况下 浏览器显示方块而不是符号 我怎样才
  • 带有图像垂直对齐的内联框:与父框居中

    请运行演示 margin 0 padding 0 body font family Microsoft Yahei font size 16px background color lightblue height 200px width 2
  • IE jquery click 仅适用于 li 中的文本,不适用于整个框

    我创建了一系列作为 li 的按钮 我希望用户能够单击它们 ul class item list li class item button style color 4bb2c5 1 li li class item button style
  • 如何像facebook和twitter一样显示帖子更新时间?

    我正在制作一个通知平台 而不是显示通知到来的时间 我想显示自通知到达以来经过的时间 就像在 Twitter 和 Facebook 上发生的那样 他们显示 32m 1 小时前等 我想用JavaScript Java来实现这段代码 任何帮助将非
  • 项目之间的点线

    我正在建立一个餐厅网站和菜单 我需要在菜单项和价格之间画一条 点线 我需要得到它 而不需要手动一一写点 此功能应该自动工作 是否可以使用 span 或 div 等背景来创建它 我拥有的 我想要的是 我想你正在寻找这样的东西 html div
  • 在引导程序中使用容器流体会导致水平滚动条

    这是一个简单的例子 div class container fluid div class row div class col lg 12 DUMMY CONTENT div div div Fiddle 演示 http jsfiddle
  • 滚动时静态标题

    我编写了一个主页 现在我正在尝试构建一个标题 该标题是静态的 就像在滚动内容时不滚动一样 当内容位于其下方时 它应该保持在顶部 我找到了这个解决方案here https stackoverflow com questions 9677894
  • 如何更改引导弹出窗口箭头边框颜色而不填充它?

    我想更改弹出箭头的边框颜色 当我应用边框颜色时 箭头本身填充了颜色 我只想为弹出框主体的箭头边框提供颜色 p Click on button to see Popover p a href class btn btn primary pop
  • Sass 负变量值?

    我有几个 scss 选择器 其中我使用相同数量的正数和负数 如下所示 padding 0 15px 15px margin 0 15px 20px 15px 我更喜欢对所有 15px 量使用一个变量 但这不起作用 pad 15px padd
  • 在 SVG 中设置悬停语句样式

    我正在计划一个基于这个 SVG 插图的网络 菜单 我的想法的原则 一个样式为活动的圆圈 一个样式为悬停的圆圈以及一个也需要设置样式的伴随笔画 https i stack imgur com H397o png 当我阅读 SVG 文件的规范时
  • css如何让文本底部对齐?

    怎么做怎么做 a 文字底部对齐吗 我已经添加了height line height and vertical align bottom 但文本仍然在 div 的中间 怎么做 谢谢 Test in http jsfiddle net BanA
  • 无法在scrollView中滚动

    我有一个屏幕 我可以在输入字段中输入内容并获得相应的搜索结果 该列表在 ScrollView 中呈现 但当键盘打开时 在 Android 中 它仍然不允许我滚动 我怎样才能解决这个问题 return lt gt addressesFound
  • 我无法注入带有“!important”规则的样式[重复]

    这个问题在这里已经有答案了 我尝试使用以下代码注入样式 document body style color green important Per CSS 级联引用 http www w3 org TR CSS2 cascade html
  • 具有固定位置的平滑滚动标题

    当我将位置更改为固定时如何创建平滑滚动 我尝试添加动画但不起作用 最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s
  • 悬停在“除了”之外的所有内容上,即“聚光灯”效果:如何进行平滑且轻松的悬停过渡?

    Chris Coyier 曾在 CSS Tricks 网站上发表过一篇文章介绍如何实现这种效果 ul hover li not hover opacity 5 但我还试图实现平滑且轻松的悬停过渡 我只是不确定如何或在哪里插入代码的 平滑悬停
  • 如何在缩放动画中保持原点位于图像中心?

    我有类似的情况fiddle https jsfiddle net ddvn3p1h 3 其中我有一个 CSS3 动画 可以缩放绝对定位在另一个元素中心的元素 但是 当动画发生时 它会偏离中心 如示例中相对于蓝色的红色方块所示 我如何将其居中
  • 如何使用javascript隐藏div

    我想使用 Javascript 隐藏一个 div 下面是我的div div class ui dialog titlebar ui widget header ui corner all ui helper clearfix span cl
  • SVG 剪辑路径在 Safari 上不起作用

    我有一个简单的动画 从下往上填充 svg 然后淡出 填充是使用clipPath随着使用path with a stroke dasharray stroke dashoffset 问题是clipPath在 Safari 上似乎完全被忽略了
  • 为 Gmail 设计 HTML 电子邮件

    我正在生成一封使用内部样式表的 html 电子邮件 即 h2 class foo Email content here 在 Gmail 中查看时 内部样式表中的所有样式似乎都被忽略 Gmail 似乎忽略了内联规则以外的所有样式 例如 h2
  • iframe 位置居中

    所以我找到了这段用于将内容放在中心的代码 但我的问题是它是为容器制作的 你知道如何为 iframe 制作它吗 或者你知道另一个代码吗 代码 center margin auto width 60 border 3px solid 73AD2

随机推荐

  • 准备批处理语句,将spark-streaming生成的所有rdd存储到mysql

    我正在尝试使用 Spark streaming 将 Dstream 生成的批量 RDD 插入到 mysql 中 以下代码工作正常 但问题是我正在创建一个连接来存储每个元组 因此 为了避免我在 foreachRDD 之外创建连接 但它给了我以
  • Laravel 使用 CASE WHEN 时如何使用 order by ?

    我可以用orderByLaravel 中的方法如下 posts Post orderBy id DESC gt get 好的 那当有的时候呢 CASE in the ORDER BY条款 像这样 ORDER BY CASE WHEN id
  • WordPress - 如何向上一页/下一页链接添加锚点

    我的 WordPress 主题顶部有一个画廊 博客文章位于其下方 每次我转到下一页时 它都会转到我不想要的顶部 我想在图库下方添加一个名为 blog 的锚点 并将其添加到上一页 下一页链接 我应该在代码中的什么位置放置 blog 才能使其正
  • 如何保存android模拟器快照?

    Android 开发工具的更新刚刚发布 使您能够保存到模拟器快照并从模拟器快照恢复 有谁知道如何使用这个功能 这将大大减少模拟器的加载时间 但我找不到一种方法来告诉模拟器这样做 谢谢 Honeycomb 推出了这个功能 非常酷 这就像笔记本
  • 空的复杂类型在 XSD 中是否有效?

    我有一个需要处理的 XML 模式 在它的中间有这样一行
  • 如何按名称限制运行 Celery 任务的最大数量

    如何限制可以同时运行的特定 Celery 任务的实例数量 我有一个处理大文件的任务 我遇到一个问题 用户可能启动多个任务 导致服务器耗尽 CPU 和内存 因为它试图同时处理太多文件 我想确保在任何给定时间仅运行这一类型任务的 N 个实例 并
  • 使用 GridBagLayout 将按钮定位在菜单栏下方

    我想将下面的两个按钮添加到JMenuBar 我正在使用根JPanel对于 GUI 的整个窗口 我向其中添加了不同的组件 到目前为止 有两个 菜单栏和包含两个按钮的面板 但我不知道如何放置GridBagConstraints对于包含按钮的面板
  • pip安装成功但Python提示找不到模块

    我正在尝试使用 pip 安装软件包 安装成功 但是当尝试导入子包中的模块时 它显示一条错误消息 内容为 ModuleNotFoundError 没有名为 的模块 包的结构如下 Gestor Clientes v2 许可证 txt manag
  • 使用 CMake、C++ 和 Visual Studio 2012 进行分析

    我正在使用 CMake 2 8 10 1 生成 Visual Studio 2012 Ultimate 64 位 的项目文件 生成的解决方案包含一个库 一些测试和一些可执行文件 我想介绍一些应用程序 当我选择 分析 gt 开始性能分析 时
  • 如何确定 C 语言应用程序的内存大小?

    我想为我的应用程序分配固定内存 使用 C 开发 假设我的应用程序不应超过 64MB 的内存占用 而且我应该避免使用更多的 CPU 使用率 怎么可能呢 问候 马塞尔 在unix下 ulimit d 64M
  • R.java 中的参考不是最终版本

    生成样式属性的引用时 R java 文件的生成似乎出现了问题 人们期望该字段的声明是final但事实并非如此 怎么会 资源 值 attrs xml
  • 使用 Java 在 Android 上解密 OpenSSL 加密的文件

    我目前正在尝试在我的 Android 应用程序上实现文件解密 该文件将使用类似以下内容在主机 Linux 上加密 openssl aes 128 ecb salt k HASH in somefile in out somefile ope
  • 如何在iOS模拟器上启动appium测试?

    我有以下设置并尝试开始测试iOS Simulator 我是初学者 不知道如何开始测试 我已经导入并安装了appium来自教程 问题是 这个设置正确吗 如何运行测试 import java io File import java net UR
  • 如何从networkx中的图中删除float('nan')节点?

    我有一个数据集 泡菜格式 包含float nan 我需要将其删除 可以添加float nan 到图作为 networkx 中的节点 但是 我不知道如何删除它 import networkx as nx G nx Graph G add no
  • Git:未找到 Heroku 存储库或对象:

    这是 Heroku master push 命令的错误消息 Git LFS 0 of 5 files 0 B 167 50 MB batch response Repository or object not found https git
  • git 何时为 git config 命令引入了“--local”开关?

    git 版本变成了git config local可用选项 我在哪里可以阅读更多相关信息 我以为不提供 global将自动假设它是本地配置变量 为什么需要这个新选项 由于 git 源代码是在 git 中维护的 因此我们可以找到引入了 loc
  • 如何使用 nginx 设置 Referrer 策略

    我的 CMS https 和图像服务器 http 是分开的 我已经设置了图像服务器 以便它只能服务于白名单引用页面 现在我的问题是如何允许 CMS 服务器将响应标头发送到图像服务器以便 CMS 可以显示图像 我发现在 html 中给出这个
  • 读取 BIOS 级汇编中的输入? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在创建一个非常低级的应用程序 并且我已准备好引导加载程序 我本质上必须重建 scanf 函数 因为
  • 如何为 Visual Studio C++ 设置单元测试

    我无法弄清楚如何设置测试框架并使其可用视觉工作室2008 for C 大概是使用内置的单元测试套件 任何链接或教程将不胜感激 这一页 http gamesfromwithin com exploring the c unit testing
  • 具有多个不同图标的很棒的字体类

    我想创建带有多个图标的自定义 font awesome 类 即 2star 等级由 2 颗星和 3 颗空星组成 并排成一条线 彼此相邻 有没有办法在 CSS 中做到这一点 或者我必须使用具有多个 i class 的纯 html 解决方案 是