如果未启用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规则