如果未启用javascript,请定义css

如果没有启用javascript,我想定义.exampleclass img {height:250px} 。 无论如何他们在javascript / jquery中撤消这个?

你可以使用HTML的noscript标签。

  

编辑 :我实际上将斯蒂芬的回答视为最好的。 虽然上述方法可能有效,但可能无效/遵循最佳做法。

斯蒂芬回答:

在你的body元素上放一个“no-js”类,然后在加载时用JS删除它,并在CSS的选择器中使用.no-js

该类也可以放在你的html元素上,然后在JavaScript不可用时应该出现的所有样式都可以在选择器之前以html.no-js作为前缀。 例如, HTML5 Boiler Plate就是这样做的。

在你的body元素上放一个“no-js”类,然后在加载时用JS删除它,并在CSS的选择器中使用.no-js

尝试

  

Noscript

我用这样的东西……

JavaScript的

 document.body.className += ' javascript'; 

jQuery的

 $('body').addClass('javascript'); 

CSS

 .exampleclass img {height: 250px} .javascript .exampleclass img {height: 500px} 

最好不要以这种方式通过JS搞乱CSS。 试试这个:

  

最优雅的方法是在CSS中使用以下内容:

 .exampleclass img {height:250px} .js .exampleclass img {height:auto;} 

在你的JS:

 var dd = document.documentElement; dd.className += ((dd.className == "") ? "js" : " js"); 

因此,如果启用了JS,第二个CSS规则将覆盖第一个CSS规则