Javascript 如何使用css将边框应用于特定li的锚定标记
我想将边框应用于特定li的锚定标记。目前我正在使用Javascript 如何使用css将边框应用于特定li的锚定标记,javascript,jquery,css,Javascript,Jquery,Css,我想将边框应用于特定li的锚定标记。目前我正在使用 li > a { { width:15px; height:15px; border:1px solid black; } 但这会将边框应用于所有li标记。您可以分配并使用li id或li类 li.class-name > a { { width:15px; height:15px; border:1px solid black; } 使用li的id li#IDofLi
li > a {
{
width:15px;
height:15px;
border:1px solid black;
}
但这会将边框应用于所有li标记。您可以分配并使用li id或li类
li.class-name > a {
{
width:15px;
height:15px;
border:1px solid black;
}
使用li的id
li#IDofLi > a {
{
width:15px;
height:15px;
border:1px solid black;
}
使用li类
li.class-name > a {
{
width:15px;
height:15px;
border:1px solid black;
}
使用身份证
<li id="my-li">
<a>...</a>
</li>
#my-li > a {
width:15px;
height:15px;
border:1px solid black;
}
...
#我的李>a{
宽度:15px;
高度:15px;
边框:1px纯黑;
}
为此,您可以使用第n个子项。请在此处阅读更多信息:
您应该指定应该修改哪些
li
元素-使用id
或class
,以便:
<ul>
<li><a></a></li>
<li id="foo"><a></a></li>
<li><a></a></li>
</ul>
li#foo > a { }
李福
或
li.bar>a{}
您可以为要使用ID的li提供一个ID。
因此,将您的html更改为:
<li id="Hello"><a></a></li>
你能把你的HTML结构添加到问题中吗。
<li id="Hello"><a></a></li>
#hello > a{
width:15px;
height:15px;
border:1px solid black;
}