如何使用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; 
}