使用双嵌套类选择的CSS不选择正确的元素

Question

我正在尝试选择具有“试图访问此元素”的div

<div id="main" class="wrapper clearfix 3-column">
   <div id="col1" class="floatleft">
      <div><img src="img/main.jpg" /></div>
      <div class="col1-grid2">
         Trying to access this element
      </div>
    </div>
</div>

执行.col1-grid2或#main .col1-grid2按预期工作。但是，为什么.3-column .col1-grid2不会以元素为目标？

Answer 1

问题不在于选择器，而是类的名称。 3-column不是有效的类名。它必须以-，_或字母（a-z或A-Z）开头。 编辑：更新后不仅仅是小写字母