リスト項目の下に余分な白い線が表示されるという問題があります。私のアカウントの下のものを除いて、境界線を設定していないので、これは境界線ではありません。白い線が境界線ではないことを示すためだけです. その下にあるのは、背景と同じ色の 4px の境界線です。
この問題は、WP サイトの Nivo Slider と Woocommerce プラグインの間の競合を解決した後に発生しました。私はそれらの両方を一緒に動作させましたが、リストに関するこの別の問題が発生しました. これを引き起こした原因とそれを修正する方法についてのアイデアはありますか?
それが役立つ場合、これが私のCSSです：
#header #navigation ul.nav > li.current_page_item > a
{ color: #D4145A;}
#header #navigation ul.nav > li:hover a {
border-width: 0px 0px 4px;
border-style: none none solid;
border-color: -moz-use-text-color -moz-use-text-color rgb(212, 20, 90);
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
background: none repeat scroll 0% 0% rgb(212, 20, 90);}
およびそのための HTML も:
<nav id="navigation" class="col-full parent" role="navigation">
<ul id="main-nav" class="nav fl parent">
<li class="page_item"></li>
<li class="page_item page-item-11"></li>
<li class="page_item page-item-12"></li>
<li class="page_item page-item-13 parent"></li>
<li class="page_item page-item-15 current_page_item parent">
<a href=""></a>
<ul class="children"></ul></li>
</ul>
</nav>
助けてください！私は頭が痛いです ！ありがとう！
追加するだけです：
これは、Nivo Slider と Woocommerce プラグインの間の競合を修正する前の様子です。
[url= http://postimage.org/image/lx50u5qxx/] [img] http://s10.postimage.org/lx50u5qxx/noextraline.jpg[/img][/url]
![http://s10.postimage.org/lx50u5qxx/noextraline.jpg[/img][/url]](http://s10.postimage.org/lx50u5qxx/noextraline.jpg[/img][/url]){kind=link}
http://postimage.org/image/lx50u5qxx/
戻って Nivo-Woocommerce js の競合の修正を削除すると、上記のリンクのように白い線のない古いきれいな自己に戻ります。
Nivo-Woocommerce の競合に対する私の修正は、ここで見つけたものです。
jScrollPane と NivoSlider WP プラグイン間の jQuery 競合の問題
これまでの回答に感謝します。誰かが私を助けてくれることを願っています。
追加した：
上の「前」の画像では、本来あるべき下向き矢印が表示されておらず、Nivo の「修正」を行ったときにのみ表示されることに気付きました。それも何か関係あるのかな。矢印の CSS は次のとおりです。
#header #navigation ul.nav > li.parent a::after {
font-family: 'WebSymbolsRegular';
display: inline-block;
font-size: .857em;
margin-left: .618em;
content: ";";
color: #dedede;
font-weight: normal;
}