<html>
<head>
<style type="text/css">
#header-1 {background: red};
h2#header-1 {background: maroon};
body h2#header-1 {background: fuchsia};
.headers {background: green};
h2.headers {background: olive};
body h2.headers {background: lime};
h2 {background: blue};
body h2 {background: aqua};
#header-1 {background: blue};
</style>
</head>
<body>
<h2 style="background: orange">Inline rule style</h2> <!-- orange --> <!-- orange -->
<h2 id="header-1">Identity Style</h2> <!-- maroon --> <!-- fuchsia -->
<h2 class="headers">Class Style</h2> <!-- green --> <!-- green -->
<h2>Element Style</h2> <!-- blue --> <!-- blue -->
</body>
</html>
你好,我和一个朋友正在完成一些以前的纸质考试题目,并且遇到了一个关于HTML样式元素的问题。我们知道第一个元素被设置为橙色,因为内联优先于CSS。CSS背景颜色问题
但是从那里我们感到困惑,第二个h2
似乎输出红色,第三和第四个不做任何事情。
任何帮助或对此的见解都会有所帮助。
这里有一个的jsfiddle:http://jsfiddle.net/mLVF3/
你的意思是背景颜色? – Justin
@Rao绝对有正确的想法。 – BuddhistBeast
错误地放置了分号:'background:red;}'NOT'background:red};' –