javascript - 如果禁用了 javascript，如何在任何 X/HTML 元素上提供 css 样式？

Question

我想从外部 css 文件来做。我在主 css 中有一个 div#abc，但我想仅在禁用 javascript 时为此 div 设置不显示

Answer 1

怎么样

<noscript>
  <style type="text/css">
  div#abc { display: none; }
  </style>
</noscript>

?如果您真的想在外部 CSS 文件中执行此操作，请将其移至 no_js.css 并在 link 元素而不是样式属性中引用此文件。

然而，大多数情况下，反过来更方便:为禁用的 JS 设置默认值，然后让 JS 更改类名(例如)以更新样式。 jQuery 示例:

$(document).ready(function () {
  $('.fancy_user_interface_element').addClass('additional_js_style_class');
});