html - 从 Google Chrome 样式选项卡添加 css @media

Question

添加纯css没有问题

.myclass1{
    padding-left: 10px;
}

通过 Google Chrome 样式选项卡(F12 -> 样式选项卡 -> 单击 + 号添加样式)。

但是，我在添加媒体查询时遇到了困难

@media (min-width: 800px){
    .myclass1{
        padding-left: 10px;
    }
}

有什么办法吗？

刚刚添加:我想将类似的 css 添加到下图中的内容。

Answer 1

不要进入样式，而是尝试左侧面板中的主 html，右键单击头部选项卡并单击编辑为 HTML，然后只需添加代码即可。