CSS父級子級怎麼用

在我們進行前端專案的時候，一定要弄清楚元素模組之間的父級的關係，這樣我們就能更方便的維護和查找使用元素。今天就來跟大家好好介紹一下。

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

父級子級或有時把DIV嵌套關係比喻為父親兒子關係，這個是為了便於理解將DIV嵌套關係影像比喻為父級子級關係叫法。

、範例說明：

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

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

 Css3中的transform 漸層屬性怎麼使用

Css3製作動態開關的效果的實作步驟

以CSS3優化HTML5表單的步奏

以上是CSS父級子級怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！