在这个特定的html结构中使用css设置链接样式

在这个特定的html结构中使用css设置链接样式,css,Css,如何在此html结构下使用类选定的设置链接样式 <li class="submenu_items" style="display: list-item;"> <ul> <li> <a class="selected" href="/page">Page</a> </li> </ul> </

如何在此html结构下使用类
选定的
设置链接样式

<li class="submenu_items" style="display: list-item;">
        <ul>
            <li>
                <a class="selected" href="/page">Page</a>
            </li>
        </ul>
    </li>

  • 这应该可以为您做到:

    .submenu_items ul li a.selected{
         /* your CSS properties here */
    }
    
    您也可以使用
    >
    操作符来执行此操作


    您可以针对
    选择链接的方式有很多不同。我还建议您查看一下使用下面的样式来设置
    选择的

    .submenu_items ul li > a.selected{/* your code goes here. */}
    

    希望这能有所帮助。

    要超越父样式(在本例中为“子菜单项”),您只需使CSS的目标更加具体。例如:

    .submenu_items ul li a.selected{
    /* Add your CSS */
    }
    

    一般来说,您可以使用以下内容:
    。子菜单\u items>ul>li>a.选中的
    为什么每个人都在这里使用
    CSS特异性
    概念;这里已经定义了
    .class