在編寫CSS時,我們常常需要對HTML中的元素進行樣式定義,此時我們就需要使用CSS選擇器來選中對應的元素。而在HTML中,有許多元素是包含關系,比如
- 和
- 標簽,
- 和
- 標簽等,因此在定義他們的樣式時,我們需要把CSS樣式嵌套在這些標簽內,才能正確選擇到對應的元素。
<ul> <li>第一項</li> <li>第二項</li> <li>第三項</li> </ul> <style> /*錯誤寫法,無法正確選中li元素*/ li { color: red; } /*正確寫法,需要將樣式嵌套在ul內*/ ul li { color: red; } </style>
以上代碼演示了一個錯誤的寫法,將樣式定義在了li標簽內,但是最終卻無法正確選中元素。正確的寫法是將樣式嵌套在其父元素中,如將樣式嵌套在ul標簽內。
除了在列表中使用嵌套標簽,還有其他一些HTML標簽需要進行樣式嵌套,如表格中的
和 標簽,
- 標簽等,因此在定義他們的樣式時,我們需要把CSS樣式嵌套在這些標簽內,才能正確選擇到對應的元素。