无法访问样式文件，如何在HTML的style属性中添加first-child选择器？

不能直接在元素的style属性里使用:first-child这类伪类选择器，你的代码失效就是因为这个原因。

内联样式（也就是style属性）只能直接作用于当前元素本身，没办法通过伪类选择器去定位其他元素或者当前元素的特定状态——伪类选择器是用来选择元素的关系（比如第一个子元素）或状态（比如 hover）的，这类逻辑只能在<style>标签或者外部样式文件里实现。

你可以在HTML的<head>标签里添加内部样式块来解决这个问题：

<head>
  <style>
    /* 选择所有类为col-12的第一个子元素 */
    .col-12:first-child {
      display: none;
    }
    /* 如果需要更精准，比如只针对某个父容器下的目标元素 */
    /* #your-parent-container .col-12:first-child {
      display: none;
    } */
  </style>
</head>

这样就能达到你想要的隐藏第一个.col-12元素的效果，而且不需要修改外部样式文件。

内容的提问来源于stack exchange，提问作者DeeEss