Html 如何在CSS中选择此特定行?
我想在div中分别放置每个图标,如何在CSS中分别选择图标?Html 如何在CSS中选择此特定行?,html,css,Html,Css,我想在div中分别放置每个图标,如何在CSS中分别选择图标? .icons a{编辑div中的所有图标,因此我无法控制其位置。您可以尝试使用 例如,解决问题的一种方法是: .icons a:first child{}和.icons a:last child{}您可以尝试使用 例如,解决问题的一种方法是: .icons a:first child{}和图标a:last child{}您可以使用first child和last child <div class="icons"> <
.icons a{
编辑div中的所有图标,因此我无法控制其位置。您可以尝试使用
例如,解决问题的一种方法是:
.icons a:first child{}
和.icons a:last child{}
您可以尝试使用
例如,解决问题的一种方法是:
.icons a:first child{}
和图标a:last child{}
您可以使用first child和last child
<div class="icons">
<a href="https://www.facebook.com/" class="fa fa-facebook" alt="facebook" title="Facebook"></a>
<a href="https://twitter.com/" class="fa fa-twitter" alt="twitter" title="Twitter"></a>
</div>
iIf如果有两个以上的孩子,您可以使用:第n个孩子(x)
您也可以直接按类设置链接样式:
.icons a:first-child { color: red; } // just affects facebook-link
.icons a:last-child { color: blue; } // just affects twitter-link
您可以使用第一个孩子和最后一个孩子
<div class="icons">
<a href="https://www.facebook.com/" class="fa fa-facebook" alt="facebook" title="Facebook"></a>
<a href="https://twitter.com/" class="fa fa-twitter" alt="twitter" title="Twitter"></a>
</div>
iIf如果有两个以上的孩子,您可以使用:第n个孩子(x)
您也可以直接按类设置链接样式:
.icons a:first-child { color: red; } // just affects facebook-link
.icons a:last-child { color: blue; } // just affects twitter-link
如果您试图独立地以每个锚标记为目标(并且您不想使用其中已有的方便类[1]),则可以使用第n个子伪选择器:
.icons>a:n子(1){背景:红色;}
.icons>a:n子(2){背景:绿色;}
如果您试图独立地以每个锚标记为目标(并且您不想使用其中已有的方便类[1]),则可以使用第n个子伪选择器:
.icons>a:n子(1){背景:红色;}
.icons>a:n子(2){背景:绿色;}
您可以尝试的一件事是使用jQuery对它们进行迭代:
.icons a.fa-twitter { }
您可以尝试使用jQuery对它们进行迭代:
.icons a.fa-twitter { }
您可以使用伪元素
:第一个孩子
,:最后一个孩子
,当然还有:第n个孩子(x)
,如果您有两个以上的孩子。请检查下面的代码片段以供参考
.icons a:第一个孩子{
颜色:红色;
}
.图标a:第n个子项(2){
颜色:绿色;
}
.图标a:第n个子项(3){
颜色:青色;
}
.a:最后一个孩子{
颜色:黄色;
}
如果您有两个以上的子元素,您可以使用伪元素
:第一个子元素
,:最后一个子元素
,当然还有:第n个子元素(x)
。请查看下面的代码片段以获取参考
.icons a:第一个孩子{
颜色:红色;
}
.图标a:第n个子项(2){
颜色:绿色;
}
.图标a:第n个子项(3){
颜色:青色;
}
.a:最后一个孩子{
颜色:黄色;
}
您问的是如何选择元素的直接子元素。我知道您不熟悉这一点,所以请确保在提问之前搜索了以前的问题。如果您想单独定位图标,为什么要将它们放在一个分区中?您问的是如何选择元素的直接子元素。我知道您不熟悉这一点,是吗o在提问之前,请确保您搜索了前面的问题。如果您想单独定位图标,为什么要将图标放在一个div中?他想以不同的方式设置a标签。为什么有些人会将jQuery视为世界上所有问题的解决方案:DHe想以不同的方式设置a标签。为什么有些人会以不同的方式设置a标签我将jQuery视为世界上所有问题的解决方案:有很多好答案,但这对我来说就像我想要的一样,谢谢!有很多好答案,但这对我来说就像我想要的一样,谢谢!