Question

我不明白为什么这不起作用

.mix{
  -moz-border-radius: 5px 5px;
  border-radius: 5px 5px / 5px 5px;
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
} 
#adm_content_login, .mix{
  top:100px;
  position:relative;
  width:450px;
  height:200px;
  margin:auto;
  background-color:#ccc;
  text-align:center;
  border:5px solid #111;
}

当我尝试使用adm_content_login, .mix将一个类调用到另一个类时，因为每次我在.mix中拥有相同的内容时都不需要使用此代码。我不明白这段代码有什么问题。如果我将它放入adm_content_login，CSS就可以工作，但如果我尝试使用这种方法，它就不起作用。

Answer 1

如果您尝试将.mix类与#adm_content_login一起使用，则可以将它们设为类或id。例如，如果它们都是类，你可以像这样

<div class="adm_content_login mix"></div>

注意两个班级之间有空格。

如果那不是你想要达到的目的，那么你可以使用LESS（CSS FRAMEWORK）实现类似的东西

Answer 2

您正在使用 class，但定义 id

习惯这种这样

<div id="adm_content_login" class="mix"></div>

Css将类调成其他风格

2 个答案: