CSS類被稱爲，但沒有效果

目前，我有以下代碼：CSS類被稱爲，但沒有效果

<html> 
<head> 
<style> 
.gr { 
    color: "#ffffff"; 
    background: "#00ff00"; 
    border-radius: 8px 0 0 15px; 
} 

.or { 
    color: "#00ff00"; 
    background: "#ffa500"; 
    border-radius: 0 15px 8px 0; 
} 
</style> 
</head> 
<body> 
<span class="gr">test1</span><span class="or">test2</span><br> 
</body> 
</html>

但類沒有在所有的任何影響。即使我調用外部樣式表，它仍然是這種方式。但，如果我做<span style="color:#ffffff;background:#00ff00;border-radius:8px 0 0 15px">那麼它的工作原理。誰能幫我這個？

來源

2015-04-14 Accidental brine

你需要刪除你的CSS引號。

.gr { 
    color: #ffffff; 
    background: #00ff00; 
    border-radius: 8px 0 0 15px; 
} 

.or { 
    color: #00ff00; 
    background: #ffa500; 
    border-radius: 0 15px 8px 0; 
}

工作的jsfiddle這裏http://jsfiddle.net/u36k17v6/1/

來源

2015-04-14 20:12:33

您需要刪除十六進制代碼周圍的引號。並改變background到background-color（編輯：我想從技術上，你不需要它更偏好的真）

小提琴這裏： http://jsfiddle.net/zy8yq6rj/

來源

2015-04-14 20:11:34 dhershman

看來您有覆蓋你的配置另一個CSS文件。

當你在DOM對象中創建style =「」時，它是最重要的規則。 There你對這件事有一些解釋。在

<html> 
<head> 
<style> 
.gr { 
    color: #ffffff !important; 
    background: #00ff00 !important; 
    border-radius: 8px 0 0 15px !important; 
} 

.or { 
    color: #00ff00 !important; 
    background: #ffa500 !important; 
    border-radius: 0 15px 8px 0 !important; 
} 
</style> 
</head> 
<body> 
<span class="gr">test1</span><span class="or">test2</span><br> 
</body> 
</html>

您可以查看應用到DOM對象的規則，例如鉻，clickng第二個按鈕的鼠標：

然後添加到您的CSS代碼，重要的是使他們首先要檢查！要檢查的對象，然後選擇檢查元素。在「樣式」面板上，您將能夠看到依賴此對象的規則以及它們來自的文件。

希望它有幫助！關心！

編輯

我did'nt在顏色和背景實現對「」！抱歉！！無論如何，我在這裏生活的答案。非常感謝@deebs的分號必須在！important建議之後。下次會更好地檢查！

來源

2015-04-14 20:13:45

在大多數情況下，要避免使用！儘可能檢查這個鏈接：http：// stackoverflow。com/questions/3427766/should-i-avoid-using-important-in-css – dhershman

感謝您的加入！ ;）我知道，但我認爲@accidentalbrine是一個新的周圍！只是試圖通過觀看規則來幫助他發現他的問題！也許更好的解決辦法是制定更有限制的規則，而不是重要的！謝謝！！！ –

我同意有時候確定使用時的問題很重要......但請注意，它應該在分號之前，而不是在之後（即#ffffff！important;） – deebs

-1

在CSS中指定顏色時，需要使用background-color標記。另外，指定HEX代碼時不需要添加引號。

所以，你的代碼應該是：

<html> 
<head> 
<style> 
.gr { 
    color: #ffffff; !important 
    background-color: #00ff00; !important 
    border-radius: 8px 0 0 15px; !important 
} 

.or { 
    color: #00ff00; !important 
    background-color: #ffa500; !important 
    border-radius: 0 15px 8px 0; !important 
} 
</style> 
</head> 
<body> 
<span class="gr">test1</span><span class="or">test2</span><br> 
</body> 
</html>

歡迎CSS的世界！

下面是一些輕讀你： https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

此外，作爲中間人，爲所有事情CSS參考，我去MDN： https://developer.mozilla.org/en-US/

來源

2015-04-14 20:40:28

這是錯誤的。 'background：hex;'可以很好地創建背景顏色。 –

Ahhhhh，我的壞！這並不完全錯誤，它只是通常的做法。 –

CSS類被稱爲，但沒有效果

回答

相關問題