从 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，然后添加您的代码。