後代選擇器與子選擇器
阿新 • • 發佈：2019-02-19
一:後代選擇器
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> style</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> p span,h1 span,.test ul li{color:red;} </style> </head> <body> <h1><span>花千骨</span>大結局</h1> <div class="test"> <ul><li>OK</li></ul> <ul><li>OK</li></ul> <ul><li>OK</li></ul> <ul><li>OK</li></ul> </div> <ul><li>OK</li></ul> <p>人間帝王軒轅郎、無所不知所不能東方彧卿（其實他就是超脫六界之外的異朽君）、妖魔兩界聖君殺阡陌那時都是愛花千骨的，都希望白子畫能夠善待花千骨。 </p> <p>白子畫的善待是八十一根消魂釘，普通仙一根消魂釘就死去活來。花千骨受了17根，又被白子畫用斷念劍看了近百劍，<span>花千骨心裡那個痛苦不言而喻</span>。而後，花千骨扔到地牢。白子畫替她承受了剩下的消魂釘。 <b><span>白子畫</span></b>在霓漫天的告知下，白子畫的師兄摩嚴得知花千骨居然悖逆天理愛上白子畫，用絕情水潑到花千骨的喉嚨裡，臉上，於是花千骨又瞎又啞又毀容，被髮配到了幾乎不可能走出來的蠻荒之地。 </p> <span>花千骨又瞎又啞又毀容</span> </body> </html>
後代選擇器
p空格span{color:red;}
含義：針對p標籤中的span標籤定義樣式。
注意：選擇器之間用空格隔開。
二：子選擇器
子元素選擇器
定義的方法
P>span {CSS規則}
只針會p標籤中的span一級有效。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> style</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> p > span{color:red;} .class > b{color: blue;font-size: 30px} </style> </head> <body> <p class="class"> <b>人間帝王軒轅郎</b>、無所不知所不能東方彧卿（其實他就是超脫六界之外的異朽君）、妖魔兩界聖君殺阡陌那時都是愛花千骨的，都希望白子畫能夠善待花千骨。 </p> <p>白子畫的善待是八十一根消魂釘，普通仙一根消魂釘就死去活來。花千骨受了17根，又被<span>白子畫用斷念劍看了近百劍</span>，花千骨心裡那個痛苦不言而喻。而後，花千骨扔到地牢。白子畫替她承受了剩下的消魂釘。 <b><span>白子畫</span></b> 在霓漫天的告知下，白子畫的師兄摩嚴得知花千骨居然悖逆天理愛上白子畫，用絕情水潑到花千骨的喉嚨裡，臉上，於是花千骨又瞎又啞又毀容，被髮配到了幾乎不可能走出來的蠻荒之地。 </p> <span>花千骨又瞎又啞又毀容</span> </body> </html>
