Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从CSS规则中拆分属性_Css - Fatal编程技术网

从CSS规则中拆分属性

从CSS规则中拆分属性,css,Css,我想合并 .alpha { border-top: solid 1px #990000 ; } .beta { border-bottom: solid 5px #990000; } 变成 .alpha, .beta { border: #990000 ; } .alpha { border-top: solid 1px; } .beta { border-bottom: solid 5px; } 通过编程更改颜色会更容易。这可能吗?我不应该说我已经尝

我想合并

.alpha {
    border-top: solid 1px #990000 ;
}
.beta {
    border-bottom: solid 5px #990000;
}
变成

.alpha, .beta {
    border: #990000 ;
}
.alpha {
    border-top: solid 1px;
}
.beta {
    border-bottom: solid 5px;
}
通过编程更改颜色会更容易。这可能吗?我不应该说我已经尝试了上面的方法,而且它在Firefox中似乎不起作用。仅应用最后的规则(即α和β),而忽略组合规则

感谢您示例中的CSS

你可以用

.alpha, .beta {
    border-color: #900;
    border-style: solid;
    border-width: 0;
}

.alpha {
    border-top-width: 1px;
}

.beta {
    border-bottom-width: 5px;
}