【问题标题】：CSS Grid apply template columns to child div through inline style [duplicate]CSS Grid通过内联样式将模板列应用于子div
【发布时间】：2019-07-24 12:04:28
【问题描述】：

我处于只能将 内联 CSS 添加到一个 div 的情况。

例如：

<div class="main" style="my inline CSS">
  <div class="second">
    <div class="third">
       <div class="column></div>
       <div class="column></div>
       <div class="column></div>
    </div>
  </div>
</div>

我想将 grid-template-columns: 1fr 2fr 1fr; （注意：这可以更改）应用于 div third - 嵌套 column div 的 div。正如我所提到的，我只能将内联 CSS 添加到 div main。

使用CSS网格系统，是否可以定位子div？

注意：在这种情况下，无法访问样式表 - 只有 main div 中的内联样式。

【问题讨论】：

如果您添加更多上下文，可能还有另一种解决方案。
另一种解决方案是使用 js 在我想要的地方添加内联样式或在正文中添加
如果只有这两个选项，请使用

标签： html css css-grid

【解决方案1】：

使用 CSS？没有。

style 属性的唯一范围是比该元素的!important 低一个特异性。它只接受属性，不接受选择器。

【讨论】：