分享
三行代码  ›  专栏  ›  技术社区  ›  ryanhy79

Prism css文件<code>标记从normal继承样式<code>标记

  •  4
  • ryanhy79  · 技术社区  · 1 周前

    我正在使用 Prism.css ,具有coy样式、行号、无空格、copy命令,用于突出显示代码语法,但出现的问题是 棱镜.css

    有孩子的班级

     <pre class="line-numbers"><code class="language-*></code></pre>
    

    风格也继承了这一点 code 在下面标记 pre 标签。

    style.css 已为定义样式 代码 标签

        code{
    font-style: normal;
    font-weight: 800;
    ..
    }
    

    1 回复  |  直到 1 周前
        1
  •  5
  •   Susobhan Das    1 周前

    查一下这个 solution 直接停止 CSS 风格传承,

    应用你的所有风格

     code{
       font-style: normal;
       font-weight: 800;
       ..
    }
    

    同时添加 你的原作规则 stylesheet 文件-

      pre[class*="language-"]>code{
           font-style: initial;
           font-weight: initial;
           ..
    }
    

    prism.css code 样式表

    如果更多棱镜类 代码 代码 标记,也用逗号添加,和 或在上述适用的类别或标签前添加。

    !important 棱镜专用 css 规则,如果 important! 样式表 美国。

    子句是可选的,请检查它是否不附加任何其他 样式表 css