class selector not working in css，but id works for add some styles

嘗試設置一些樣式，但是類選擇器「。」不工作，但如果我使用id選擇「＃」它的工作原理class selector not working in css，but id works for add some styles

這裏的代碼

<style> 
    .activeOption{ 
     color: #fff; 
     background: rgba(255,255,255,0.2); 
     text-decoration: none; 
    } 
</style> 
    <li ><a id="" class="activeOption" href="#" onclick="Javascript : console.log('sisas')">Datos del Cliente</a></li>

的事情是，我想用這種風格對於許多comoponents這樣的ID選擇不apropiated

如果

this is what I see when inspect the element

感謝有人能幫助我

來源

2017-09-01 Andrés Mauricio Gómez

什麼是不工作？你是否檢查過dom瀏覽器中的元素以查看正在應用哪些樣式？你有其他風格是否凌駕你的風格？順便說一句你的onclick可以只是'onclick ='console.log（'sisas'）' – scrappedcola

我沒有看到任何錯誤的樣式或標記。 [Codeply項目]（https://www.codeply.com/go/3rfQpd5qpZ）也在工作。 – cwanjt

Onclick動作工作正常，問題是樣式不會顯示，當我使用類選擇器，但如果我使用ID選擇器樣式顯示， –

什麼是屏幕截圖的意思是，其他樣式覆蓋這個風格，由於specificity。

解決特異性問題的最佳方法是降低選擇器覆蓋它的特殊性。然而，這並不總是可能的，所以作爲最後的手段，你可以通過將類鏈接到自己來增加你的特殊性。

.activeOption.activeOption { 
    [styles] 
}

您可以根據需要進行多次鏈接，鏈越多，覆蓋的特異性越強。請注意，如果嘗試覆蓋ID，則此方法不起作用，因爲它需要255個鏈。重構ID是我的建議。

You can see how specificity is calculated here.

來源

2017-09-01 21:45:56 fredrivett

是的，使用「.activeOption.activeOption」工作，我必須閱讀有關特殊性問題，謝謝你 –

不用擔心，高興地幫助安德烈斯。如果答案適用於您並回答您的問題，請隨時將其標記爲已接受。 – fredrivett

您是否嘗試過使用根操作符「〜」在您的母版頁樣式表？

<link href="~/style.css" type="text/css" rel="stylesheet" />

來源

2017-09-01 21:12:56 Adnan

但css代碼是在同一個文件，在開始時它是在另一個文件，但沒有工作所以我把它移到相同的文件 –

class selector not working in css，but id works for add some styles

回答

相關問題