jQ层级选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
<h1>沁園春·雪</h1>
<h2>毛***</h2>
<div>
<span>
<div>北國風(fēng)光，千里冰封，萬里雪飄。
<div>望長城內(nèi)外，惟余莽莽；大河上下，頓失滔滔。</div>
<p>山舞銀蛇，原馳蠟象，欲與天公試比高。</p>
<p>須晴日，看紅裝素裹，分外妖嬈。</p>
</div>
</span>
<p id="mp">江山如此多嬌，引無數(shù)英雄競折腰。</p>
</div>
<p class="c1">惜秦皇漢武，略輸文采；唐宗宋祖，稍遜風(fēng)騷。</p>
<p class="c1">一代天驕，成吉思汗，只識彎弓射大雕。</p>
<p>俱往矣，數(shù)風(fēng)流人物，還看今朝。</p>
<!--
1.讓id為mp的元素文字大小變成30px
2. 讓class名為.c1的元素背景為#CCFF99
3. 將所有的div和p，統(tǒng)一顯示間距
4. 將所有的div增加 2像素 實(shí)線 紅色
5. 將div下的所有子div中文字變藍(lán)色blue
6. 將div中包含的div顏色變成#FF99FF
7. 將div的所有兄弟標(biāo)簽p的字體顏色變成藍(lán)色
8. 將緊跟著div的p標(biāo)簽的邊框設(shè)為2像素 實(shí)線 #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>
轉(zhuǎn)載于:https://www.cnblogs.com/zzgyq/p/6529359.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
- 上一篇： 【Java NIO深入研究3】文件锁
- 下一篇： ordereddict有序字典