无服务器权限时，如何通过内联style修改同class所有HTML元素样式？

很遗憾，不行——内联style属性从设计上就只能作用于它所在的单个HTML元素，没办法直接通过这种方式让样式变更覆盖所有带.someinfo类的元素。

为什么内联style做不到？ #

内联样式是直接绑定到单个DOM元素上的规则，它的优先级虽然最高，但作用域严格限制在当前元素本身。哪怕你给第一个<p>标签加了style="color:black"，其他带.someinfo类的元素依然会加载外部CSS里的color:red规则，不会受到这个内联样式的影响。

针对你的限制条件，可行的替代方案 #

你提到没有服务器文件访问权限，也不能使用<style>和<script>标签，那可以试试这两个实用方法：

• 浏览器自定义样式扩展：像Stylus、Stylebot这类浏览器插件，专门用来给特定网站自定义CSS样式。你只需要在插件里添加规则：

  .someinfo {
    color: black;
    /* 其他你想修改的样式 */
  }
  

  就能让全站所有带.someinfo类的元素自动应用这个样式，完全不需要修改网站本身的代码，也不用服务器权限。
• 开发者工具临时修改：如果只是临时需要生效，按F12打开浏览器开发者工具，切换到「Elements」面板的「Styles」标签，找到.someinfo的规则并修改，不过刷新页面后这些修改就会消失。

要是你只能通过不支持<style>/<script>的编辑器编辑页面内容，那确实没办法通过纯内联样式实现批量修改同class元素的效果——毕竟内联样式从本质上就没有全局作用域。

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