<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<pre>
ul>li>small
ul {font-size: 15px; line-height: 1em;}
li {font-size: 10px;}
small {font-size: 80%;}
等效
ul {font-size: 15px; line-height: 1em;}
li {font-size: 10px; line-height: 15px;}
small {font-size: 80%; line-height: 15px;}
ul {font-size: 15px; line-height: 1;}
li {font-size: 10px;}
small {font-size: 80%;}
等效
ul {font-size: 15px; line-height: 1;}
li {font-size: 10px; line-height: 10px;}
small {font-size: 80%; line-height: 8px;}
obj.style.display = '';
这会使元素的显示值默认恢复为其余CSS中设置的值,或者恢复为浏览器的内置样式值
另一个普遍的解决方案是不直接设置显示值,而是添加一个可以隐藏元素的类。当你之后需要显示元素的时候,去掉这个类就可以了
</pre>
</body>
</html>