[分享]css3怎么选中第二个li

CSS3提供了非常多的选择器来精准地定位网页中特定的元素，如何选中第二个li元素呢？可以使用:nthchild选择器：ul li:nthchild(2) { / 插入样式代码 / } 上面的代码表示选...

CSS3提供了非常多的选择器来精准地定位网页中特定的元素，如何选中第二个li元素呢？可以使用:nth-child选择器：

ul li:nth-child(2) {
  /* 插入样式代码 */
} 

上面的代码表示选中ul元素中的第二个li元素，并对它进行样式设置。nth-child(2)表示选择所有排在父元素中第二个位置的子元素。

:nth-child选择器还有其他的用法，下面列出一些常见的示例：

• 选中偶数位置的元素：

 ul li:nth-child(even) {
      /* 插入样式代码 */
    } 

 ul li:nth-child(odd) {
      /* 插入样式代码 */
    } 

 ul li:nth-child(-n+3) {
      /* 插入样式代码 */
    } 

 ul li:nth-child(n+3) {
      /* 插入样式代码 */
    } 

 ul li:nth-last-child(2) {
      /* 插入样式代码 */
    } 

通过CSS3选择器，我们可以方便地选中网页中的任何元素，并对它们进行样式设置。