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类被称为，但没有效果

回答

相关问题