CSS Grid通过内联样式将模板列应用于子div

Question

我处于只能将内嵌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>

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

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

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

Answer 1

使用CSS？不。

style属性的唯一作用域是该元素的特定性比!important低。它仅接受属性，不接受选择器。