Html CSS中的后台属性异常
我试图在我的网页上显示代码片段。我是CSS新手，在创建用于显示代码片段的黑暗背景时遇到困难 当我创建一个名为“test”的类（它应该覆盖所有其他背景规范，对吗？）并为其分配一个颜色属性blue和一个背景属性black时，蓝色显示在pre标记中，但背景仍然是默认颜色 当我切换到span标记并在其中指定类时，这两个属性都按照I命令工作。但我不想使用span，因为我的导师说非语义标记是不好的做法。有些东西告诉我，pre标记有一些固有的属性，我需要以某种方式覆盖它们 有什么想法吗？如果合适/必要的话，我可以在这里发布代码 编辑：我在这里发布了代码的缩写版本。我测试了一下，发现了同样的问题。希望用更少的代码就能更容易地找出问题 以下是HTMl：Html CSS中的后台属性异常,html,css,Html,Css,我试图在我的网页上显示代码片段。我是CSS新手，在创建用于显示代码片段的黑暗背景时遇到困难 当我创建一个名为“test”的类（它应该覆盖所有其他背景规范，对吗？）并为其分配一个颜色属性blue和一个背景属性black时，蓝色显示在pre标记中，但背景仍然是默认颜色 当我切换到span标记并在其中指定类时，这两个属性都按照I命令工作。但我不想使用span，因为我的导师说非语义标记是不好的做法。有些东西告诉我，pre标记有一些固有的属性，我需要以某种方式覆盖它们 有什么想法吗？如果合适/必要的话，我
<!DOCTYPE html>
<head>
<title>Test</title>
<link type="text/css" rel="stylesheet" href="stylesheets/test.css">
</head>
<body>
<p>
<pre class="test">test</pre>
</p>
</body>
</html>
你必须使用
！重要信息.code{
background-color: #000 !important;
}
.box{
宽度：250px；
高度：20xp；
背景色：红色；
显示：内联块；
保证金：5px；
}
.代码{
背景色：#000！重要；
}规则越具体，越有可能覆盖父类或id。请尝试一下这个类或id
.snippets div{
background-color: #F00;
}
.snippets div.no_code{
background-color: #000;
}
您是否尝试过使用pre标记的背景色属性 请检查我的代码笔链接
HTML：
测验
CSS:
.测试{
颜色：红色；
字体大小：粗体；
背景：黑色；
}
前{
字体系列：monospace；
字号：1.25em；
文本对齐：左对齐；
线高：0px；
边框：1px实心#000；
高度：50px；
背景色：#DDFFDD；
填充：10px 0 10px；
}
.snippets div{
background-color: #F00;
}
.snippets div.no_code{
background-color: #000;
}
<div class="snippets">
<div> </div>
<div> </div>
<div> </div>
<div class="no_code"> </div>
<div> </div>
<div> </div>
</div>
HTML:
<body>
<p>
<pre>test</pre>
</p>
</body>
CSS:
.test {
color: red;
font-weight: bold;
background: black;
}
pre {
font-family: monospace;
font-size: 1.25em;
text-align: left;
line-height: 0px;
border: 1px solid #000;
height: 50px;
background-color:#DDFFDD;
padding: 10px 0 0 10px;
}