CSS - 如何按ID和按类使用

sen*_*ale 1 css

<body>
  <div id="header">
    <div id="header_center">
      <div class="logo"></div>
    </div>
Run Code Online (Sandbox Code Playgroud)

我想使用以下CSS:

#header#header_center.logo {
  float:left;
  background-image: url(images/logo.png);
  background-repeat: no-repeat; 
  width: 297px;
  height: 85px;
}
Run Code Online (Sandbox Code Playgroud)

......但它不起作用.如果我只使用'.logo'那就可以了.为什么我不能使用'#header#header_center.logo'?

Nig*_*cat 7

您发布的CSS将选择一个如下所示的元素:

<div id="header header_center" class="logo"></div>
Run Code Online (Sandbox Code Playgroud)

您需要做的是在选择器之间添加空格,以便选择嵌套元素.

#header #header_center .logo { ...
Run Code Online (Sandbox Code Playgroud)