ID下的CSS类

我需要针对特定ID下的多个元素和类。注意：我必须指定ID。这些类将与其他ID一起再次使用

#block-views-now-playing2-block .poster1 img
{
   width:auto;
   height:400px;    
}

#block-views-now-playing2-block .poster1 div
{
   width:263px;
   height:400px;
   overflow:hidden;
}

在本例中，img元素接受css。div没有，CSS被忽略。为什么?

HTML:

---

在CSS选择器前面添加ID不会影响选择内容的方式，而是影响选择位置。当您从

#block-views-now-playing2-block

开始时，您将查找的范围限制在

#block-views-now-playing2-block

因此

#block-views-now-playing2-block.poster1 img

如下所示：“查找存在于和元素内部的任何

img

，该元素具有类

poster1

，该类存在于ID为

block-views-now-playing2-block

”的元素内部

它的工作方式与您的

div

示例相同

为了让CSS找到一些东西，html的结构需要如下所示：

<div id="block-views-now-playing2-block">
  <div class="poster1">
    <img/>
  </div>
</div>

（请注意，该类使用ID向上移动了一级）

---

但实际上，我只能猜测为什么它在没有看到HTML的情况下对您不起作用。

您的HTML是什么样子的？没有这些，我们就无法回答这个问题。div是否有类

poster1

？如果是这样，您的css需要是

#block-views-now-playing2-block div.poster1

或只是

#block-views-now-playing2-block.poster1

让我看看您的HTML。有些元素本身无法包装nickspiel所说的一切！我得重新考虑一下原因。非常感谢。

<div id="block-views-now-playing2-block">
  <div class="poster1">
    <img/>
  </div>
</div>

<div id="block-views-now-playing2-block" class="poster1">
  <div>
    <img/>
  </div>
</div>