Question

我的css类没有应用样式但我已经导入了css文件。可能是什么问题？这是代码：

.edubtn{
background-color: #862165;
border: 0;
padding: 2 10px;
color: rgba(255,255,255,0.7);
}
.edubtn:hover{
color: #fff;
}

<div class="edubtn" onclick="show()" >ORDER</div>

Answer 1

你的css唯一的问题是你需要修复padding属性：

.edubtn{
background-color: #862165;
border: 0;
padding: 2px 10px;
color: rgba(255,255,255,0.7);
}

记住，如果此类上面有错误，css解析器将跳过当前块直到下一个工作块。

Answer 2

嘿发现了问题：我把我的CSS放在另一个（@media屏幕）括号

中

@media screen and (max-width: 500px){
.attachchild{
width: 90%;
margin-top: 20px;

}
.edubtn{
background-color: #862165;
border: 0;
padding: 2px 10px;
color: rgba(255,255,255,0.7);
}
.edubtn:hover{
color: #fff;
}

Answer 3

你的代码工作正常，背景颜色是深紫色，这是说background-color: #862165; 文字颜色为白色= = color: rgba(255,255,255,0.7); 我运行你的代码，我做了<h2>同样的风格，它的工作原理

HTML代码：

<!DOCTYPE html>
<html>
 <head>
 <link rel="stylesheet" type="text/css" href="style.css">
<title>Beep-Boop</title>
</head>
<body>
<h2 class="something"> Something..</h2>
<div class="edubtn" onclick="show()" >ORDER</div>
</body>

样式CSS：

.something{
background-color: #862165;
border: 0;
padding: 10px;
color: rgba(255,255,255,0.7);
}
.something:hover{
color: #fff;
}
.edubtn{
background-color: #862165;
border: 0;
padding: 10px;
color: rgba(255,255,255,0.7);
}
.edubtn:hover{
color: #fff;
 }

Div类不应用css样式

3 个答案: