有没有办法将类/ ID添加到选择器？

Question

假设我有一些看起来像这样的HTML：

<div id="non-adjustable">
    <a id="adjustable-a" href="example.html">
        <div id="adjustable-div">Button</div>
    </a>
</div>

然后我有一个样式表，其中包含一些我希望添加到#non-adjustable div的精彩动画。

限制/需求：

1. 我无法编辑#non-adjustable div的HTML，因此无法向该div添加类。
2. 我可以编辑#non-adjustable div（#adjustable-a和#adjustable-div）下的HTML。
3. 我可以编辑CSS，但我无法从动画样式表中获取样式（我只能使用样式表中的类）。

基本上，如果这是一件事，我希望能够做到这一点：

 <style type="text/css">
      #non-adjustable(.fantastic-animation) {
           /*Other Declarations*/
      }
 </style>

但要么不起作用，要么我做错了。有没有人有其他想法？

Answer 1

您可以使用：before和：after伪元素并根据您的需要设置样式。

http://www.smashingmagazine.com/2011/07/13/learning-to-use-the-before-and-after-pseudo-elements-in-css/

这是大多数字体库所做的...它们在样式表中创建伪元素并设置背景图像，对齐等。