1. 程式人生 > >CSS 後代選擇器,結合標籤

CSS 後代選擇器,結合標籤

<!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;}  /* 後代選擇器,針對<p>標籤中的<span>標籤,<h1>標籤中的<span>標籤,類名class="test"的標籤中的<ul>標籤中的<li>標籤 */
/* 空格後面跟後代標籤。孩子,子孫都屬於後代。 */
</style>
 </head>
 <body>
<h1><span>花千骨</span>大結局</h1>  <!-- <div>表示塊元素,<span>表示行內元素。配合id和class用來標記某些部分或元素標籤 -->
<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>