CSS查询倒数第二个元素:使用选择器获取倒数第二个元素的方法

CSS查询倒数第二个元素:使用选择器获取倒数第二个元素的方法 第一张

CSS查询倒数第二个元素是指使用CSS选择器来获取文档中倒数第二个元素。CSS选择器可以通过HTML标记的id、class、标签名等属性来进行元素的选择。

使用CSS选择器获取倒数第二个元素的方法

1.使用CSS选择器:last-child来获取倒数第二个元素,该选择器可以获取某个父元素下的一个子元素,例如:

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

使用CSS选择器:last-child,可以获取ul中一个子元素li,即li:last-child,这个li就是倒数第二个元素。

2.使用CSS选择器:nth-last-child()来获取倒数第二个元素,该选择器可以获取某个父元素下的任意一个子元素,例如:

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

使用CSS选择器:nth-last-child(2),可以获取ul中倒数第二个子元素li,即li:nth-last-child(2),这个li就是倒数第二个元素。

3.使用CSS选择器:nth-of-type()来获取倒数第二个元素,该选择器可以获取某个父元素下指定类型的任意一个子元素,例如:

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

使用CSS选择器:nth-of-type(2),可以获取ul中倒数第二个li元素,即li:nth-of-type(2),这个li就是倒数第二个元素。

:CSS查询倒数第二个元素可以使用CSS选择器:last-child、:nth-last-child()、:nth-of-type()等来获取文档中倒数第二个元素。

© 版权声明
THE END
分享