如何使用css將邊框應用於特定li的錨定標記

Question

我想將邊框應用於特定li的錨定標記。目前我正在使用

li > a { 
{ 
    width:15px; 
    height:15px; 
    border:1px solid black; 

} 

但這適用於所有李的標籤的邊界。

Answer 1

您可以分配和使用鋰或鋰類

的ID使用鋰的ID

li#IDofLi > a { 
{ 
    width:15px; 
    height:15px; 
    border:1px solid black;  
} 

使用類裏

li.class-name > a { 
{ 
    width:15px; 
    height:15px; 
    border:1px solid black;  
} 

Answer 2

使用標識的。

<li id="my-li"> 
    <a>...</a> 
</li> 

#my-li > a { 
    width:15px; 
    height:15px; 
    border:1px solid black; 
} 

Answer 3

您可以使用nth-child來實現此目的。在這裏閱讀更多：https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

ul li:nth-child(2) a{ 
    border:1px solid black; 
} 

Answer 4

應指定，這li元素應該被修改 - 使用id或class，所以：

<ul> 
    <li><a></a></li> 
    <li id="foo"><a></a></li> 
    <li><a></a></li> 
</ul> 


li#foo > a { } 

或

<ul> 
    <li><a></a></li> 
    <li class="bar"><a></a></li> 
    <li class="bar"><a></a></li> 
</ul> 

li.bar > a { } 

Answer 5

，您可以給力你想使用一個ID。 你的HTML，所以更改爲：

<li id="Hello"><a></a></li> 

而且你的CSS：

#hello > a{ 
    width:15px; 
    height:15px; 
    border:1px solid black; 
}