在HTML中,元素的樣式通常是使用CSS來設置的。而為了設置元素樣式,我們首先需要選擇元素。在CSS中元素選擇器就是用于選擇HTML元素的樣式。下面我們來看一些常用的元素選擇器。
/*選擇id為example的元素*/ #example{ color:red; } /*選擇類名為test的元素*/ .test{ font-size: 18px; } /*選擇所有的p元素*/ p{ margin:5px; } /*選擇p元素中的span元素*/ p span{ font-weight:bold; } /*選擇子元素為ul且類名為list的元素*/ ul.list >li{ border:1px solid black; } /*選擇后代元素為ul且類名為list的元素*/ div ul.list li{ padding:10px; }
除了以上這些基本的元素選擇器外,還有其他的一些進階的用法,如偽類選擇器,屬性選擇器等等。掌握合適的選擇器可以讓我們更好地管理HTML頁面的樣式。