如何在同一个类中使用多个 css 内容

Question

data-tooltip 的一个内容（:after 用于框，:before 用于箭头）属性，我想要使用自定义图标字体（如 fontello 或 fontawesome）的字段图标的另一个内容属性。我怎样才能做到这一点。？？

Answer 1

如果您要问一个元素是否可以同时拥有多个:before 或:after 伪元素，那么这在CSS2.1 中是不可能的。原因有两个：

• 由于级联规则，任何元素一次只能有一个 :before 或 :after 伪元素。详情请见this answer。

• 即使一个元素可以有一个以上的每种伪元素，浏览器也不知道它应该如何将它们全部放在格式化结构中。这可以通过让 CSS 提供specify multiple pseudo-elements 或nest pseudo-elements within other pseudo-elements 的方法来解决，但这些想法都没有实现。

如果您需要一个复杂的结构，而该结构无法通过一个带有一个 :before 和一个 :after 伪元素的单个元素来实现，您将需要修改您的 HTML 以适应这种结构。