<span style="font-size:24px;"><html><head><title>集體聲明</title><style type="text/css"><!--h1,h2,h3,h4,h5,p{color:purple;font-size:15px;}h2.special,.special,#one{text-decoration:underline;}--></style></head><body><h1>集體聲明h1</h1><h2 class="special">集體聲明h2</h2><h3>集體聲明h3</h3><h4>集體聲明h4</h4><h5>集體聲明h5</h5><p>集體聲明p1</p><p class="special">集體聲明p2</p><p id="one">集體聲明p3</p></body></html></span>
全域聲明
對於實際網站中，如果希望頁面中所有的標記都使用同一種CSS樣式，但是，又不希望逐個來集體聲明，這是可以使用全域聲明符號*來聲明。
<span style="font-size:24px;"><html><head><title>集體聲明</title><style type="text/css"><!--*{color:purple;font-size:15px;}h2.special,.special,#one{text-decoration:underline;}--></style></head><body><h1>集體聲明h1</h1><h2 class="special">集體聲明h2</h2><h3>集體聲明h3</h3><h4>集體聲明h4</h4><h5>集體聲明h5</h5><p>集體聲明p1</p><p class="special">集體聲明p2</p><p id="one">集體聲明p3</p></body></html></span>
可以看出兩種聲明效果完全一樣，但是，使用全域聲明會使代碼大大的減少。
選取器的嵌套
在CSS選取器中，可以使用嵌套的方式，對特殊位置的HTML標記進行聲明。
比如，控制p標記中的b標記
<span style="font-size:24px;"><html><head><title>CSS選取器的嵌套聲明</title><style type="text/css"><!--p b{color:maroon;text-decortion:underline;}--></style></head><body><p>嵌套使<b>用CSS</b>標記的方法</p>嵌套之外的<b>標記</b>不生效</body></html></span>
嵌套選取器，使用非常的廣泛，不僅只是嵌套的標記本身，類別選取器和ID選取器都可以進行嵌套。
下面的代碼使用了三層嵌套，實際上更多層次的嵌套都是允許的，表示.top類別的<td>標記中，包含的.top1類別的<p>標記，其中包含的<strong>標記，所聲明的樣式風格。
<span style="font-size:24px;">td.top .top1 strong{font-size:16px;}<td class="top"><p class="top1">其他內容<strong>CSS控制的部分</strong>其他內容</p></td></span>
選取器的嵌套，在CSS中可以大大減少對class和id的聲明，因此，在構建頁面的HTML時，通常只給外層標記定義class或者id，內層標記能通過巢狀表格示的則利用嵌套的方式，從而，不需要再定義新的class或者id，只有當子標記無法利用此規則時，才進行單獨的聲明。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
