Question

我知道有几十个类似的问题，其中一些已帮助我达到这一点，但我看不出任何押韵或理由出现此错误。

我已经标记了一个ID为HeaderGradient的图片，我正在尝试在css文件中设置它的大小，但它无效。当我在Firefox中检查元素时，没有提到我的css文件。我正在使用Bootstrap框架。我做错了什么？

body {    	
  #HeaderGradient {
    width: 80%;
    height: 141px; 
  }
}

<div class="row">
  <div class="col-sm-4"></div>
    <div class="col-sm-4">
      <div class="panel-heading">
        <img class="img-responsive" src="images/logo.png" id="Logo" alt="EP Logo">
        <img class="img-responsive" src="images/header_gradient.png" id="HeaderGradient" alt="Gradient Image">
      </div> 
    </div>
  <div class="col-sm-4"></div>
</div>

Answer 1

你正在使用无效的CSS代码，它应该是

<div class="row">
  <div class="col-sm-4"></div>
  <div class="col-sm-4">
    <div class="panel-heading">
      <img class="img-responsive" src="images/logo.png" id="Logo" alt="EP Logo">
      <img class="img-responsive" src="images/header_gradient.png" id="HeaderGradient" alt="Gradient Image">
    </div> 
  </div>
  <div class="col-sm-4"></div>
</div>

＆＃13;

{{1}}

＆＃13;

{{1}}

＆＃13;

Answer 2

这不是一个有效的CSS语法更新语法如下，以便在btn = QtGui.QPushButton('Button %03d'%i, default=False, autoDefault=False)标记内获取#HeaderGradient。

body

Answer 3

您的ID选择器位置错误。而不是：

body {

    #HeaderGradient{
      ....
    }
}

将选择器移到外面：

body {
    ....
}
#HeaderGradient{
  ....
}

如果要使用这种CSS语法，则需要使用CSS预处理器。查看LESS或SASS

ID识别器无法识别

3 个答案: