如何匹配包含另一個元素的元素？

在CSS中，我希望所有鏈接都有一個邊框底部：1px固體屬性。但是，如果我有鏈接的圖像，它也會獲得邊框。我怎樣才能改變一個屬性，當且僅當它包含一個img元素？如何匹配包含另一個元素的元素？

a img { 
    border-bottom: none; 
}

如果它似乎並沒有工作，首先確保選擇是正確的（即是引用正確的元素（S））通過把一些瘋狂的陳述中這將明確哪些元素是受着選擇：

a img { 
    color: red; 
    background-color: red; 
    border-bottom: none; 
}

當選擇工作正常，你就可以專注於不工作（不要忘記刪除瘋狂陳述的聲明，雖然！）。這可能是被覆蓋的地方，所以要儘量增加!important到語句的結尾：

border-bottom: none !important;

如果一切正常，那麼你需要仔細檢查你的CSS代碼，並重新安排你的風格規則，這樣你不覆蓋這個規則。

如果它仍然不起作用，那麼請確保您使用正確的值覆蓋正確的屬性。

2010-02-27 09:50:24

已經嘗試過。不知道爲什麼，但它不起作用。該圖像沒有邊框，但由於某種原因，底部仍有邊框。當我將鼠標懸停在標籤上時，Firebug僅突出顯示邊框。只有圖像，如果我懸停在img標籤...所以它似乎是一個強調空間。 – 2010-02-27 09:57:41

他看到文字裝飾，而不是實際的'邊框' – 2010-02-27 11:23:14

@Squeegy：我可以保證你看到了邊框，而不是文字的裝飾。 – 2010-02-27 12:31:33

....

<style> 
    a{border-bottom: 1px solid;} 
    a img{border:none;} 
</style>

2010-02-27 09:51:58 Sarfraz

所有瀏覽器都不支持屬性選擇器。改編：IE會對它進行攻擊。 – 2010-02-27 11:24:54

@Squeegy：你是對的，但我認爲所有的現代瀏覽器都支持IE7，但IE6（當然），反正修復 – Sarfraz 2010-02-27 11:33:37

a { text-decoration: none }

您看到的鏈接文字裝飾下劃線默認。但是，如果它們包含img標記，則不能在a標記上更改樣式。 CSS不會那樣工作。你可以添加一個類到任何a與圖像，並根據它分配一個風格。

CSS

a.image { text-decoration: none }

HTML

<a href="foo" class="image"><img src="foo.jpg"/></a>

2010-02-27 11:22:41

你爲什麼不換行<img>在<span>然後使用CSS

a {border-bottom: 1px solid #33ccff;} 
span a {border: none;}

2010-02-27 13:20:30 pixeltocode

特別是由於標準的解決方案沒有按」 t爲你工作，一些代碼會非常有幫助。

在黑暗中拍攝，我的建議是，指定邊框寬度：

a { border-bottom: 1px solid blue; } 
a img { border-width: 0 0 0 !important; }

或

a img { border-bottom-width:0; }

，未能這類原因，我開始尋找其他的風格，這將是重疊（不一定是繼承，隻影響懸停時的視覺空間），如填充和邊距以及包含元素的背景顏色。

2010-02-28 07:50:34

回答