no-js这个类经常会出现在很多css和html中,特别是放在html或者body标签中,它是用来做什么的呢?它是作用于当你禁用了 javascript时,起作用的特定css样式。它是怎么做的呢?我们使用一个简单的javascript代码将"no-js"替换为"js",如果页 面不启用javascript,no-js则起作用。就是这么简单。
要添加这个到你的主题,首先需要修改头部header.php
<html class=\"no-js\" <?php language_attributes(); ?>>
然后添加一段简单的js到你的function.php里面
/* Script for no-js / js class
/* ------------------------------------ */
function alx_html_js_class () {
echo '<script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script>'. "\n";
}
add_action( 'wp_head', 'alx_html_js_class', 1 );
这样,你就可以使用.no-js .myclass来支持当javascript不起作用时的样式了。