CSS(層疊樣式表)是一種用于定義Web頁面樣式的標記語言。層級選擇器是CSS中的一種重要選擇器,可以用它來選擇父元素下的子元素,達到控制網頁樣式的目的。
層級選擇器的語法格式是:“父元素 子元素 {屬性:值}”。其中,父元素可以是任意一個HTML元素,子元素可以是直接或間接嵌套在父元素內的元素,花括號{}里面是需要設置的樣式屬性和值。例如:
p span { color: blue; font-size: 16px; }
上述代碼的意思是,選擇所有在p元素內部的span元素,并設置它們的字體顏色為藍色、字體大小為16像素。
除了直接選擇子元素,層級選擇器也可以選擇后代元素。后代元素是指位于父元素內部的任何下級元素,無論是直接子元素還是其更深層次的后代元素。語法格式為:“祖先元素 后代元素 {屬性:值}”。例如:
div a { text-decoration: none; color: green; }
上面的代碼將選擇所有在div元素后代內的a元素,并設置它們的文字裝飾為無,顏色為綠色。
層級選擇器還有一個特殊的用法,就是通過“>”符號,選擇直接子元素而不是后代元素。語法格式為:“父元素>子元素 {屬性:值}”。例如:
ul>li { border: 1px solid black; }
上述代碼將選擇所有在ul元素直接下級位置的li元素,并添加邊框樣式。
在CSS樣式表中,使用層級選擇器可以讓我們更方便地對網頁元素進行選擇和修改樣式,能夠大大提高開發效率。
上一篇jquery 子類遍歷
下一篇jquery 子窗口