我可以定义我的自定义CSS媒体吗？

Question

我需要用自己的CSS覆盖应用程序的主CSS。有没有一个好的方法来做到这一点？一种方法是！重要的标签，我想避免。

我只是在想我是否可以创建自定义CSS媒体和定义我的CSS为特定媒体。这样我可以为除了我的自定义媒体以外的所有主要应用程序CSS定义。

Answer 1

CSS西港岛线覆盖本身，如果你使用相同的选择，这样你就不需要！重要的。

所以：

.my-div .my-span { 
    color: red; 
} 

而不是由：

.my-div .my-span { 
    color: green; 
} 

将被覆盖

.my-span { 
    color: red; 
} 

是啊，你可以使用媒体查询针对某些屏幕尺寸。例如像：

@media screen and (device-width: 360px) and (device-height: 640px) 

Answer 2

的层叠样式表的一个主要的“功能”是其级联效应。

的这一修改报价从一些互联网上的地方：

级联是特殊的一部分。样式表旨在通过一系列样式规则级联 ，如瀑布上方的河流。河流中的水会冲击瀑布中的所有岩石，但只有底部的水才会影响水的流动位置。样式表中的级联同样是 。

所以只要你指定的相同的规则，但改变一些属性值的规则内，你确保它们原来的规则加载后，它们将覆盖这些规则内先前指定的属性值。如果您跳过新规则中的属性值，则先前指定的属性值将对该属性保持有效。

Media queries是最好的答案，定义特定类型的媒体风格。它允许您为特定的屏幕尺寸专门指定规则。

如果您的特定目标的媒体不能正常通过查询屏幕大小确定，但需要JavaScript才能被识别。您可以编写一些在加载文档时加载样式表的JavaScript，在这种情况下，您只需确保将其加载到原始样式表之后，然后它将覆盖具有相同特性的样式。