<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
<h1>沁園春·雪</h1>
<h2>毛***</h2>
<div>
<span>
<div>北國風光，千里冰封，萬里雪飄。
<div>望長城內外，惟余莽莽；大河上下，頓失滔滔。</div>
<p>山舞銀蛇，原馳蠟象，欲與天公試比高。</p>
<p>須晴日，看紅裝素裹，分外妖嬈。</p>
</div>
</span>
<p id="mp">江山如此多嬌，引無數英雄競折腰。</p>
</div>
<p class="c1">惜秦皇漢武，略輸文采；唐宗宋祖，稍遜風騷。</p>
<p class="c1">一代天驕，成吉思汗，只識彎弓射大雕。</p>
<p>俱往矣，數風流人物，還看今朝。</p>
<!--
1.讓id為mp的元素文字大小變成30px
2. 讓class名為.c1的元素背景為#CCFF99
3. 將所有的div和p，統一顯示間距
4. 將所有的div增加 2像素 實線 紅色
5. 將div下的所有子div中文字變藍色blue
6. 將div中包含的div顏色變成#FF99FF
7. 將div的所有兄弟標簽p的字體顏色變成藍色
8. 將緊跟著div的p標簽的邊框設為2像素 實線 #009900-->
<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('#mp').css({'fontSize':'30px'})
$('.c1').css({'background':'#cf9'})
$('div,p').css({'margin-top':'30px'})
$('div').css({'border':'2px solid red'})
$('div>div').css({'color':'blue'})
$('div div').css({'background':'#f9f'})
$('div~p').css({'color':'blue'})
$('div+p').css({'border':'2px solid #090'})
</script>
轉載于:https://www.cnblogs.com/zzgyq/p/6529359.html
 -- 春雨潤物之 核心IOC)
:ocenaudio(二百零二))
