CSS類被調用但不起作用
[英]CSS classes being called but not having effect
問題描述
我目前有以下代碼：
<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>
但是這些類根本沒有任何作用。 即使我調用外部樣式表，它仍然保持這種方式。 , if I do <span style="color:#ffffff;background:#00ff00;border-radius:8px 0 0 15px"> then it works. ，如果我執行<span style="color:#ffffff;background:#00ff00;border-radius:8px 0 0 15px">那么它將起作用。 誰能幫我這個？
4 個解決方案
解決方案1
3 2015-04-14 20:11:34
您需要刪除十六進制代碼周圍的引號。 並將background更改為background-color （編輯：我想從技術上講，您實際上並不需要更多的偏好）
在這里提琴： http : //jsfiddle.net/zy8yq6rj/
解決方案2
2 已采納
您需要刪除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/
解決方案3
0 2015-04-14 20:13:45
看來您還有另一個CSS文件正在覆蓋您的配置。
當您在DOM對象中創建style =“”時，這是要遵循的最重要的規則。 在那里，您對此有一些解釋。
然后添加到您的CSS代碼中！重要，使其成為第一個檢查的對象：
<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對象的規則（例如，在chrome中），在要檢查的對象上單擊鼠標第二個按鈕，然后選擇“檢查元素”。 在“樣式”面板上，您將能夠看到該對象適用的規則以及它們來自的文件。
希望能幫助到你！！ 問候！
編輯
我沒有意識到顏色和背景中的“”！ 抱歉！！ 無論如何，我在這里找到答案。 非常感謝@deebs， 分號必須遵循！重要的建議。 下次會檢查的更好！！
解決方案4
-1 2015-04-14 20:40:28
在CSS中指定顏色時，您需要使用background-color標簽。 另外，在指定十六進制代碼時，無需添加引號。
因此，您的代碼應為：
<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/
我的CSS類之一沒有任何作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.