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

时间:2015-05-26 21:08:10

标签: css css-selectors strip

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

E.g。

我有一个像这样的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选择器。

1 个答案:

答案 0 :(得分:0)

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

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

在unix.stackexchange上提出了类似的问题。有关更多详细信息,请参阅答案here