<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <div id="box"> <p id="pra"></p> <h1>地址</h1> <ul> <li><a href="#">山西省</a></li> <li><a href="#">古县镇</a></li> <li><a href="#">大韩村</a></li> <li><a href="#">颉旺飞</a></li> </ul> </div> <span>在外面的span</span> <div class="div"> <span>DIV中的span</span> <ul> <li>123</li> <li>123</li> <li>123</li> <li>123</li> </ul> </div> <script src="../jquery.js"></script> <script> $(function () { $("#box") .css("width", "600px") .css("height", "600px") .css("backgroundColor", "pink") .css("margin", "0 auto") .css("border", "10px solid #ccc"); $("#pra").css("color", "green"); $("*").css("color", "yellow"); $("h1,ul").css({ border: "20px solid #ddd", color: "blue" }); $(".div>span").css("color", "red"); }); </script> </body> </html>
