CoderAnswer - 程序员编程问答

如何选择菜单项的背景颜色

by @Sta

html css wordpress

我在桌面上有一个透明的菜单,但我的菜单项之一,search adsler有一个白色背景颜色。如何选择它来摆脱它呢?我还想将文本颜色从灰色更改为黑色。基本上它应该像其他菜单项一样,hoveractive white,dormant = transparent。

HTML:

<li id="menu-item-2952" class="fa fa-search menu-item 
menu-item-type-post_type menu-item-object-page menu- 
item-2952"><a title="Search Adsler" 
href="https://adsler.co.uk/search-adsler/">Search 
Adsler</a></li>

我试过了:

a [href="https://adsler.co.uk/search-adsler/"] 
{background-color: transparent !important; color: black;} 

没用。

Page:https://adsler.co.uk


3个答案

0 by @ChandanKr

尝试在Css中编写。

一个[href="https://adsler.co.uk/search-adsler/"] {background-color:transparent!important; color:black; display:block; text-decoration:none;}

0 by @cloned

尝试删除a和[之间的空格,原因是如果选择器之间有空格,它会搜索前一个元素的后代,在你的情况下,a。所以你的选择器会读作为一个元素[href...],它位于a-tag之下,所以像这样:<a> <[href=...]> </[href=...]> </a>

由于你想找到一个具有这个属性的a,你应该省略空格:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

a[href="https://adsler.co.uk/search-adsler/"]  {color: green;} 

<!-- language: lang-html -->

<ul>

<li id="menu-item-2952" class="fa fa-search menu-item  menu-item-type-post_type menu-item-object-page menu-item-2952">
  <a title="Search Adsler" href="https://adsler.co.uk/search-adsler/">Search  Adsler</a>
</li>

</ul>

<!-- end snippet -->

0 by @Will

您声明了内联样式。

a[href="https://adsler.co.uk/search-adsler/"] {

background-color: white;

}

找到并删除它。


相关问题