CSS：not Function Not Working

Question

我的問題與css ：不是函數。

當我懸停鏈接時，它們都強調它們兩個項目1 &說明。懸停時，我不希望在下面的描述中看到下劃線。

這裏是我的菜單代碼：

<ul> 
<li> 
    <a href="#"> 
    Item 1 
    <span>Description</span> 
    </a> 
</li> 
</ul> 

CSS：

span { display:block; } 
ul li a:hover:not(span) { color:blue; text-decoration: underline; } 

當我改變跨度顯示器inline-block的是工作不錯，但必須是唯一的塊。我該如何解決它？

此外，內聯塊顯示該項目的說明NEAR。我想把它放在項目名稱下。我怎麼做到的？

Answer 1

你說的風格：沒有（跨度），A是不是SPAN，過程中的是不是一個跨度;）

使用你說的風格

span { display:block; } 
 
ul li a:not(.has-span):hover { color:red; text-decoration: underline; }

<ul> 
 
<li> 
 
    <a href="#"> 
 
    Item 1 
 
    <span>Description</span> 
 
    </a> 
 
</li> 
 
<li> 
 
    <a href="#" class="has-span"> 
 
    Item 2 
 
    <span>Description</span> 
 
    </a> 
 
</li> 
 
</ul>

Answer 2

您不應將您的狀態（:hover）放在選擇器之前。所以，你需要將其更改爲：

ul li a:not(span):hover { color:blue; text-decoration: underline; } 

而且這將不的工作，因爲，一個單一的元素不能是<a>以及一個<span>。相反，你需要的只是使用：

span { display:block; } 
ul li a:hover { color:blue; text-decoration: underline; } 
ul li a:hover span { color:black; text-decoration: none; }