選擇在CSS是影響其他元素

-1

a { 
color: #120000; 
text-decoration: underline; 
}

這是我的HTML代碼：

<div id="intro" class="grid_9"> 
    <h1>This site just might change your life</h1> 
    <p><a href="#" class=button>Browse Our Features</a></p> 
</div>

的問題是，在頭（但只有這一個）受到與鏈接相同的影響。我怎樣才能解決這個問題？

來源

2014-03-03 user1953907

您忘記了class = button – 2014-03-03 20:39:46

中的引用信息不足。一切看起來都很好，你確定'a'影響'h1'，而不是反過來，或者這兩個元素可能是從'.grid_9'繼承的，或者''intro' – fnostro

的ccs風格我第二次是什麼@fnostro說。你還有其他事情正在發生。看這裏：http://jsfiddle.net/nz6nk/一切似乎工作正常 – Krimson

只需添加一個類到<a>標籤，不應該遵循它或使用現有的標籤取決於該類是否專門用於該目的。然後，使用:not()選擇：

a:not(.button) { 
    color: #120000; 
    text-decoration: underline; 
}

小提琴：Fiddle

而且，頭也只按了CSS的<a>如果它被包裹在一個<a>標籤。如果這是真的，那麼給該集合添加標籤<a>。

來源

2014-03-03 20:38:53 Anonymous

選擇在CSS是影響其他元素

回答

相關問題