css - 使用双嵌套类选择的 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不是有效的类名。它必须以-、_或字母（az 或 AZ）开头。编辑：更新说不只是小写字母