最小化CSS中未考虑某些样式

时间:2018-12-06 13:05:04

标签: html css minify

我有2个CSS文件,分别是select2.css和select2.min.css

调试时,使用select2.css文件,而在生产中使用select2.min.css。

我意识到,使用最小化版本时,受select2样式影响的HTML控件看起来很难看。

在比较时,我发现了一些区别……例如,当使用select2.css时,将应用以下样式:

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

但是,使用最小化版本时,不会应用该样式。

我打开了select2.min.css,我发现这种方式就在那里:

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}

我向您展示了上述样式之前和之后的样式,以便您了解邻居样式是否可能会造成影响。

这里可能发生什么事?

相应的HTML标记是这样的:

<span class="select2 select2-container select2-container--default select2-container--focus" dir="ltr" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1">

问候 海梅

0 个答案:

没有答案