Question

一个标签有可能具有不同的属性吗？例如，我有这个：

<li><a href="/#"><img src="Images/facebook.png" alt="FaceBook" style="width:25px;height:25px;"></a></li>
<li><a href="/#"><img src="Images/twitter.png" alt="Twitter" style="width:25px;height:25px;"></a></li>
<li><a href="/#"><img src="Images/youtube.png" alt="YouTube" style="width:25px;height:25px;"></a></li>

而且：

<li><a href="/#">Home</a></li>
<li><a href="/#">Roster</a></li>
<li><a href="/#">Store</a></li>
<li><a href="/#">Gallery</a></li>
<li><a href="/#">Our Sponsor</a></li>
<li><a href="/#">About</a></li>

但是我希望“＆＃39; li”具有不同的属性。标签。这样：

li {
    list-style: none;
    float: left;
    margin-left: 100px;
    padding-top: 25px;
    font-family: Open Sans;
    position: relative;
    color: #000;
    text-decoration: none;
}

用于第二批列出的商品，并且想要第一批商品的不同商品，因为我不想要第一批商品。那个高的图标。谢谢你们，请告诉我你是否需要我解释一下或者给你更多的信息。

Answer 1

已更改

<li><a href="/#"><img src="Images/facebook.png" alt="FaceBook" style="width:25px;height:25px;"></a></li> <li><a href="/#"><img src="Images/twitter.png" alt="Twitter" style="width:25px;height:25px;"></a></li> <li><a href="/#"><img src="Images/youtube.png" alt="YouTube" style="width:25px;height:25px;"></a></li>

到

<li class="icons"><a href="/#"><img src="Images/facebook.png" alt="FaceBook" style="width:25px;height:25px;"></a></li>
<li class="icons"><a href="/#"><img src="Images/twitter.png" alt="Twitter" style="width:25px;height:25px;"></a></li>
<li class="icons"><a href="/#"><img src="Images/youtube.png" alt="YouTube" style="width:25px;height:25px;"></a></li>

然后复制li类并更改'margin-left'。谢谢你们

Answer 2

在ul标签内添加li标签..

＆＃13;

<ul class="class1">
    <li><a href="/#"><img src="Images/facebook.png" alt="FaceBook" style="width:25px;height:25px;"></a></li>
    <li><a href="/#"><img src="Images/twitter.png" alt="Twitter" style="width:25px;height:25px;"></a></li>
    <li><a href="/#"><img src="Images/youtube.png" alt="YouTube" style="width:25px;height:25px;"></a></li>
</ul>

＆＃13;

根据此span标记添加css ...

＆＃13;

.class1 li {
list-style: none;
float: left;
margin-left: 100px;
padding-top: 25px;
font-family: Open Sans;
position: relative;
color: #000;
text-decoration: none;
}`

＆＃13;

相同的标签，不同的属性（HTML / CSS）

2 个答案: