只有两个孩子,CSS才会选择第一个孩子

前端之家收集整理的这篇文章主要介绍了只有两个孩子,CSS才会选择第一个孩子前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有没有办法在有第二个孩子的情况下选择第一个孩子?我想要隐藏第一个< p>< / p>仅当有第二个时才标记.有没有办法用CSS做到这一点?

我的代码是这样的

最佳答案
你只能通过组合:first-child和:nth-​​last-child()来实现这一点,这意味着在纯CSS中你将得不到比IE9及更高版本更好的支持

p:first-child:nth-last-child(2) {
    display: none;
}

如果你想要在它有兄弟姐妹的时候隐藏第一个p(也就是说总共有2个,3个,4个孩子并不重要),请改用:

p:first-child:not(:only-child) {
    display: none;
}
原文链接:https://www.f2er.com/css/427343.html

猜你在找的CSS相关文章