浮動圖像CSS錨定問題

我有一堆圖像定義在HTML中，給定一類'東西獨特'，然後通過WordPress的魔術，他們用一個沒有類或ID的錨包裹通過確定它。我結束了......浮動圖像CSS錨定問題

<a href="http://test.com/DSC_0042.JPG" title="Details of image"> 
    <img class="picasa-image alignleft" width="150" height="150" alt="DSC_0042.JPG" src="http://picasa-image.url/s150-c/DSC_0042.JPG" title="Details of image"> 
</a>

我能夠用.picasa-image選擇要設置規則來我的形象，但是當我浮起來離開了，它會被忽略。當我移除錨標記時，它正確浮動。當我浮動錨點時，它會正確浮動（但頁面上的所有其他錨點都浮動）。

如何在css中設置包含我的圖像的定位標記的樣式。

來源

2012-04-07 Billy Moon

你有沒有URL，我想你已經檢查了Firebug（或類似的）要查看什麼是重寫浮動：左？ – 2012-04-07 11:54:55

我已經使用了firebug，它告訴我該錨點根本沒有「float」規則，當我將float應用到錨點的元素樣式時，它會按預期工作。 – 2012-04-07 12:02:50

這樣做最徹底的方法是重寫不允許您浮動另一個更具體的規則（與高選擇的特異性或!important聲明EG）

否則一個解決方法是將左圖像規則像你說的那樣向左浮動，與圖像的所有鏈接。由於您在css中沒有祖先選擇器，因此您必須以某種其他方式來定位這些鏈接，並使用特定的選擇器屬性，例如

a[href$=".JPG"] { float : left }

，你將目標指向一個.JPG所有的鏈接，或者這些鏈接與www.test.com開始另一種可能性是針對

a[href^="http://test.com"] { float : left }

或只是應用類的鏈接。

來源

2012-04-07 12:03:22 fcalderan

浮動圖像CSS錨定問題

回答

相關問題