Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.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
Javascript 如何使用css将边框应用于特定li的锚定标记_Javascript_Jquery_Css - Fatal编程技术网

Javascript 如何使用css将边框应用于特定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的锚定标记。目前我正在使用

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;
    }