下級元素css是指在css選擇器中,通過對父元素的選擇來進一步選擇子元素。
例子: 父元素為div,子元素為p div p { color: red; }
以上代碼就是通過選擇div作為父元素,再選擇其中的p元素進行樣式設置。這種選擇器在網頁制作中非常有用,特別是在復雜的頁面布局中。
除了上述的選擇器,還有一些其他的下級元素選擇器:
父元素為div,子元素為a div >a { text-decoration: none; } 父元素為ul,孫元素為li ul li { list-style: none; } 父元素為table,子元素為td table td { border: 1px solid #000; }
上述選擇器中,>號表示選擇直接子元素,空格表示選擇所有子孫元素。
下級元素css可以將對某個元素的樣式設置局限在其指定的父級元素內,避免與其他元素的樣式發生沖突,同時也降低了樣式設置的復雜度。
下一篇html5動態相冊代碼