css - 从没有样式的 css 文件中删除 css 选择器

Question

如何从 CSS 文件中只返回元素选择器，每行一个？

例如

我有一个这样的 CSS 文件:

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    padding-top: 10px;
    margin-bottom: 10px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #d2b55b;
    border-bottom: 1px solid #d2b45a;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #d2b55b;
    transition: all 0.4s ease-in-out 0s;
}
.navbar-default .navbar-nav > li {
    padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a {
    font-size: 20px;
    font-weight: 300;
    color: #222222;
    text-transform: uppercase;
    padding: 10px 0;
}

我正在使用 Ubuntu 14.04 并且有可用的 sed 等。转换后的文件将如下所示:

.navbar-default 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus 
.navbar-default .navbar-nav > li 
.navbar-default .navbar-nav > li > a 

所有样式都将被删除，只留下 CSS 选择器。

Answer 1

如果我正确理解你的问题，你可以尝试这样的事情:

sed ':again;$!N;$!b again; s/{[^}]*}//g' test.css

有人在 unix.stackexchange 上提出了类似的问题。查看答案here了解更多详情。