Html 链接CSS伪选择器

我试图通过使用

：last child

来改变最后一个元素的样式，但是我在修改它以便只计算可见元素时遇到了问题

$（文档）.ready（函数（）{
$（文档）。在（“单击”，“按钮”，函数（）上）{
$（“p:last child”）.toggleClass（“显示无”）；
});
});
p{
背景色：#ddd；
填充：10px；
边框：1px实心#888；
}
p:最后一个孩子{
边界：无；
}
.显示无{
显示：无；
}

切换显示
Lorem ipsum dolor sit amet，是一位杰出的献身者。国际货币基金组织（Quisque interdum justo eget auctor Concertetur）。杜伊斯·莫利斯·波苏尔·埃尼姆（Duis mollis posuere enim），坐在阿梅特·波苏尔（amet posuere sem tristique et.Fusce nec nulla tincidunt）的椅子上，发酵着，马蒂斯·普鲁斯（mattis purus）

这是一种清酒，是一种十字花环，是一种蔬菜。悬挂式空调系统，电气系统，设备

rhoncus，tincidunt lacus at，sagittis velit的生命。维瓦摩斯·洛伦·普鲁斯，康格·佩伦茨克·自由之路，莫莱斯蒂·乌兰科珀·里索斯
你不能。
：last child
是最后一个子项，无论它是否可见。没有类的最后一个子级（或其逆级）。更重要的是，没有办法根据后来的兄弟姐妹拥有的类来设计元素的样式

改变你的方法。使用另一个类隐藏和显示边框，并使用JS在倒数第二个子类上切换边框


$（文档）。在（“单击”，“按钮”，函数（）上）{
$（“p:last child”）.toggleClass（“显示无”）.prev（）.toggleClass（“无边框”）；
});
p{
背景色：#ddd；
填充：10px；
边框：1px实心#888；
}
没有边界{
边界：无；
}
.显示无{
显示：无；
}

切换显示
Lorem ipsum dolor sit amet，是一位杰出的献身者。国际货币基金组织（Quisque interdum justo eget auctor Concertetur）。杜伊斯·莫利斯·波苏尔·埃尼姆（Duis mollis posuere enim），坐在阿梅特·波苏尔（amet posuere sem tristique et.Fusce nec nulla tincidunt）的椅子上，发酵着，马蒂斯·普鲁斯（mattis purus）

无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边。悬挂式空调系统，电气系统，设备
。维瓦摩斯·洛伦·普鲁斯，康格·佩伦茨克·自由之路，莫莱斯蒂·乌兰科珀·里索斯
你不能。
：last child
是最后一个子项，无论它是否可见。没有类的最后一个子级（或其逆级）。更重要的是，没有办法根据后来的兄弟姐妹拥有的类来设计元素的样式

改变你的方法。使用另一个类隐藏和显示边框，并使用JS在倒数第二个子类上切换边框


$（文档）。在（“单击”，“按钮”，函数（）上）{
$（“p:last child”）.toggleClass（“显示无”）.prev（）.toggleClass（“无边框”）；
});
p{
背景色：#ddd；
填充：10px；
边框：1px实心#888；
}
没有边界{
边界：无；
}
.显示无{
显示：无；
}

切换显示
Lorem ipsum dolor sit amet，是一位杰出的献身者。国际货币基金组织（Quisque interdum justo eget auctor Concertetur）。杜伊斯·莫利斯·波苏尔·埃尼姆（Duis mollis posuere enim），坐在阿梅特·波苏尔（amet posuere sem tristique et.Fusce nec nulla tincidunt）的椅子上，发酵着，马蒂斯·普鲁斯（mattis purus）

无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边无边。悬挂式空调系统，电气系统，设备
。维瓦摩斯·洛伦·普鲁斯，康格·佩伦茨克·自由之路，莫莱斯蒂·乌兰科珀·里索斯
可能重复的可能重复的感谢！这不是我所希望的解决方案，但这样就行了。谢谢！这不是我所希望的解决方案，但这样就行了。