元素選擇器可以在外部css中聲明嗎？

以下選擇在外部樣式表元素選擇器可以在外部css中聲明嗎？

p:first-letter 
{ 
    color: red; 
}

聲明，但它不會使在<p>元素的第一個字母變成紅色。當它在內部css中聲明時它確實有效。

來源

2011-02-15 user439526

而且您確定外部樣式表正在正確加載嗎？ – drudge 2011-02-15 17:54:41

其他css規則從外部文件正常工作？也許別的東西會覆蓋規則？嘗試`p：第一個字母{顏色：紅色！重要;}`來看看是否會發生這樣的事情。也可以使用螢火蟲，或在http://jsfiddle.net/或http://jsbin.com/ – Sotiris 2011-02-15 17:54:46

是的，它可以。

你寫的東西應該工作得很好;你確定你正確地鏈接到外部樣式表嗎？

來源

2011-02-15 17:55:00 slifty

這工作完全正常，我在Firefox 3.6.x的：

外部selector.htm

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <link rel="stylesheet" href="external-selector.css" type="text/css"> 
     <style type="text/css"> 
      p { color: blue; } 
     </style> 
    </head> 
    <body> 
     <p>Paragraph!</p> 
    </body> 
</html>

外部selector.css

p:first-letter { 
    color: red; 
}

輸出

enter image description here

來源

2011-02-15 18:01:32 drudge

我有這個問題爲好，並通過與Firefox搞亂了一個小時後，我想通了，這是造成這個問題對我來說InvisibleHand插件。當我禁用它時，問題就消失了。

我已經通過電子郵件發送了他們的電子郵件地址，要求他們修復這個錯誤。

來源

2012-11-02 06:15:53 Heptite

它似乎任何其他CSS是衝突。

嘗試，如果它的工作

p:first-letter 
{ 
color: red !important; 
}

來源

2012-11-02 06:39:32 mansoor

我在這裏所描述的同樣的問題。我知道外部樣式表正在被應用，因爲我可以看到其他樣式被應用。在閱讀Heptite的答案後，我決定嘗試更新Firefox。這解決了這個問題。

所以，也許這是一個在最新的Firefox（v39.0）中得到修復的錯誤

來源

2015-07-02 22:24:19 Matt

元素選擇器可以在外部css中聲明嗎？

回答

相關問題