CSS3中的選擇器有很多種,其中就包括針對li元素的選擇器。
li:first-child{ /* 選擇第一個li元素 */ } li:last-child{ /* 選擇最后一個li元素 */ } li:nth-child(2){ /* 選擇第二個li元素 */ } li:nth-child(even){ /* 選擇偶數li元素 */ } li:nth-child(odd){ /* 選擇奇數li元素 */ } li:nth-child(3n){ /* 選擇每隔3個li元素 */ } li:nth-child(-n+4){ /* 選擇前4個li元素 */ } li:first-of-Type{ /* 選擇第一個類型為li的元素 */ } li:last-of-Type{ /* 選擇最后一個類型為li的元素 */ } li:only-of-Type{ /* 選擇唯一一個類型為li的元素 */ } li:only-child{ /* 選擇唯一一個子元素的li元素 */ } li:not(.active){ /* 選擇不帶有active類名的li元素 */ }
通過使用這些選擇器,可以方便地選取到需要操作的li元素,從而實現對網頁樣式的完美控制。