<!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>