擴大與圖標

Question

CSS鏈接我可以像一個

CSS

[href^="/path/"] {background-image: url(/icon-image.png);}

的鏈接與CSS添加到鏈接圖標像

<a href="/path/xyz/abc/test.html">Test</a>

但多恩斯t工作的鏈接，如

<a href="test.html">Test</a>

，但這個環節導致/path/xyz/abc/test.html，因爲test.html文件位於/ ABC/

a[href*="path"]也不起作用

我的鏈接大多看像/ path-x/path -y/path-z /，因爲鏈接通常只能到index.php。

如何更改路徑/路徑/中的所有鏈接的CSS代碼，該鏈接也適用於第二個示例的鏈接。

Answer 1

CSS選擇器匹配DOM中屬性的字面值。您無法按照您想要的方式處理CSS。

Answer 2

你的問題不清楚，但我會盡力回答我能做出的任何事情。

如果你的問題是，你不能得到適當的CSS選擇工作，你可以使用

[href$=".html"] 

匹配所有href屬性爲此在.html。現在，如果你想要的是相同的樣式應用到各個環節，無論是那些有你[href^="/path/"]選擇和有其他選擇，然後只將它們像這樣：

[href^="/path/"], [href$=".html"] { 
    background-color: blue 
} 

我建議你做一些進一步閱讀的attribute selectors on MDN。你可以閱讀他們在那裏的工作方式，並按照你想要的方式製作你的選擇器。

Answer 3

<!--HTML File--> 

<a href="http://home.com" id="logo">Your logo</a> 
<!--CSS File--> 
#logo { 
background-image: url(images/logo.png); 
display: block; 
margin: 0 auto; 
text-indent: -9999px; 
width: 981px; 
height: 180px; 
}