Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在CSS中选择此特定行?_Html_Css - Fatal编程技术网

Html 如何在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"> <

我想在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">
<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视为世界上所有问题的解决方案:有很多好答案,但这对我来说就像我想要的一样,谢谢!有很多好答案,但这对我来说就像我想要的一样,谢谢!