如何从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选择器。
答案 0 :(得分:0)
如果我理解你的问题,你可以尝试这样的事情:
sed ':again;$!N;$!b again; s/{[^}]*}//g' test.css
在unix.stackexchange上提出了类似的问题。有关更多详细信息,请参阅答案here。