CSS 选择器在尝试设置 image/div 样式时在 CakePHP 中不起作用

Question

我最近安装了 CakePHP，这是我第一次使用它。

我正在创建一个顶部有方形徽标的垂直导航栏。我需要能够调整此徽标的大小。但是，我这辈子好像都做不到select对应的div.

HTML

<nav>
    <div id="my-logo">
            <?= $this->Html->image("Company_Logo.png") ?>
    </div>
    <ul class="nav nav-pills nav-stacked span2">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Services</a></li>
    </ul>
</nav>

CSS

#my-logo {
width: 256px;
height: 256px;
display: block;

}

理论上，如果所有其他方法都失败，使用唯一 ID 应该可行，但是，这也不起作用。我也尝试过使用 CSS class、后代等

当我在浏览器中检查图像时，我发现它由 base.css 控制（我一直在 cake.css 中编写我的 CSS，这两个文件都包含在HTML 页）。

  img {
  display: inline-block;
  vertical-align: middle;
  }

我可以修改这个罚款来调整标志的大小，所以我的结论是它覆盖了我的ID - 但是这不违反CSS的特异性原则吗？

我已经搜索过它是否与 CakePHP 有关，但还没有找到答案。

这是怎么回事？

Answer 1

也许可以尝试像这样修改 CSS 选择器：

#my-logo img {
  width: 256px;
  height: 256px;
  display: block;
}

由于您定位的是 div 而不是 img，因此无法正常工作。

Answer 2

前几天发现这是因为 CSS 文件中的 HTML 注释...将其更改为正确的 CSS 注释语法解决了这个问题。

CSS 选择器在尝试设置 image/div 样式时在 CakePHP 中不起作用

CSS selector not working in CakePHP when trying to style an image/div

html

css

cakephp