DIV CSS 佈局教程網

什麼是CSS父級子級？

目錄

1. 認識理解
2. 舉例
3. 父級子級目的

1、認識了解 -  TOP

簡單講CSS父級 CSS子級是相對而言，如一個DIV “A”被另外一個DIV “B”包裹著，這樣我們就可以認為B是A父級，同樣一個道理。

父級子級或有時把DIV嵌套關系比作父親兒子關系，這個是為了便於理解將DIV嵌套關系形象比作父級子級關系叫法。

2、舉例說明： -  TOP

DIV CSS 父級子級說明例子：
CSS代碼

.yangshi{...} 
.yangshi .yangshi_a{ ...} 
.yangshi .yangshi_b{ ...} 

Div代碼

<div class="yangshi"> 
    <div class="yangshi_a">內容a</div> 
    <div class="yangshi_b">內容b</div> 
</div> 

以上div+css代碼這裡我們就可以認為 yangshi_a父級（上一級）是yangshi。
這樣我們就可以利用CSS指針屬性在div css中,最終CSS樣式可以有相同命名的屬性選擇器的，但是賦予不同的值。
這樣我們通過.yangshi .yangshi_a一看即可知道yangshi_a的父級是yangshi

3、認識CSS父級子級目的： -  TOP

我們搞清div css之間父級自己關系，目的也是為我們維護和查找。

相關CSS教程：
DIV CSS指針