可以只为禁用Javascript的用户应用一些CSS吗？

Question

标题几乎说明了我要做的事情,但为了详细说明,我想将一些CSS应用于一个prochart-colitem没有启用javascript的用户调用的类.

原因？我使用百分比的列宽等于100%,然后使用javascript从每个div中减去2个像素,同时添加一个边框.

如果没有启用javascript,列+边框等于父div的100%以上,我需要从类中减去几个像素,使其适合父div到no-js用户.

有什么简单的方法吗？我<noscript>在<style>里面尝试过,没有运气.

Answer 1

接近它的一种方法是始终将CSS类添加到您希望具有特定样式的元素,然后,一旦加载,运行一些JavaScript以从具有该类的元素中删除这些类.

作为一个例子(为了简单起见,我在这里使用jQuery但显然可以在没有JS库的情况下完成):

$(document).ready(function()
{
  $(".nonJsClass").each(function()
  {
    $(this).removeClass("nonJsClass");
  }
}

'nonJsClass'具有CSS规则,现在只有在用户没有启用JS的情况下才会应用.