如何为网站中的某一篇特定文章单独应用自定义CSS样式？

不要直接全局覆盖.post、.post-content类，用下面几个方法都能实现单篇样式隔离，不会影响站点内其他文章：

• 用文章页自带的唯一ID做样式前缀
  几乎所有主流博客/CMS系统渲染单篇文章页时，都会给文章外层容器生成和文章ID绑定的唯一标识，格式一般是post-[文章数字ID]。你打开目标文章的前台页面，按F12检查元素就能找到这个ID，写自定义CSS的时候把这个ID作为父选择器前缀，后面跟你要改的.post、.post-content类就行，规则只会匹配到这篇文章下的对应元素。
  代码示例：

  /* 比如目标文章外层ID是post-789 */
  #post-789 .post {
    /* 这里写你要自定义的.post属性，比如背景、边距 */
    max-width: 800px;
    margin: 0 auto;
  }
  #post-789 .post-content {
    /* 这里写你要自定义的.post-content属性，比如字号、行高 */
    font-size: 16px;
    line-height: 1.75;
  }
  

• 给目标文章手动加专属自定义类
  如果你的系统支持文章页自定义类名设置，直接给这篇文章加一个不会和其他类重名的专属类，比如single-post-custom-01，写样式的时候同样用这个类做前缀即可，逻辑和上面ID选择器的方案一致。
• 文章内插入作用域限定的内联样式
  要是不想动全局CSS文件，直接打开目标文章的代码编辑模式，在正文最外层套一个带独一类名的div，再把<style>标签写在这个div里面，所有样式都只针对这个div下的元素生效，不会泄露到其他页面。
  代码示例：

  <div class="this-post-only-style">
    <style>
      .this-post-only-style .post-content {
        /* 你的自定义样式写在这里 */
        text-indent: 2em;
      }
    </style>
    <!-- 原有文章正文内容放在这里 -->
  </div>
  

避坑提醒：不要在全局样式表中直接写.post、.post-content的覆盖规则，否则会应用到全站所有调用这两个类的文章页面。

内容的提问来源于stack exchange，提问作者res1