【坑】使用<!DOCTYPE html>的时候多个CSS可以不用逗号分隔

来源：互联网发布：零基础学php书编辑：程序博客网时间：2024/06/14 10:20

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>#change_me {position:absolute;top:100px;left:400px;font:24px Arial, Helvetica, sans-serif;color:red;}#move_up #move_down #color #disappear {/*我所说的就是这里没有逗号分开也可以*/padding:5px;}</style><script type="text/javascript" src="jquery-2.1.1.js"></script></head><body><button id="move_up">Move up</button><button id="move_down">Move down</button><button id="color">Change color</button><button id="disappear">Disappear</button><div id="change_me">Make Me Do Stuff</div><script type="text/javascript">$(document).ready(function() {        $("#move_up").click(function() {$("#change_me").animate({top:30}, 200);});$("#move_down").click(function() {$("#change_me").animate({top:500}, 2000);});$("#color").click(function() {$("#change_me").css("color", "purple")});$("#disappear").click(function() {$("#change_me").toggle("slow");});    });</script></body></html>

如果是这样的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

就必须#move_up,#move_down,#color,#disappear写多个CSS了

0 0