在CSS中,如何更有效地选择多个嵌套元素?
看看这个CSS文件:在CSS中,如何更有效地选择多个嵌套元素?,css,Css,看看这个CSS文件: #footer {...} #footer a {...} #footer .b {...} ... 我只想编写特定于#footer的CSS,有没有办法只编写#footer一次 我的意思是,CSS是否有这样的语法: #footer { ... a {...} .b {...} ... } 查看站点并向上滚动到嵌套规则部分, 也请检查下面的示例。希望这对你有帮助 // LESS #header { h1 { font-
#footer {...}
#footer a {...}
#footer .b {...}
...
我只想编写特定于#footer
的CSS,有没有办法只编写#footer
一次
我的意思是,CSS是否有这样的语法:
#footer {
...
a {...}
.b {...}
...
}
查看站点并向上滚动到嵌套规则部分,
也请检查下面的示例。希望这对你有帮助
// LESS
#header {
h1 {
font-size: 26px;
font-weight: bold;
}
p { font-size: 12px;
a { text-decoration: none;
&:hover { border-width: 1px }
}
}
}
/* Compiled CSS */
#header h1 {
font-size: 26px;
font-weight: bold;
}
#header p {
font-size: 12px;
}
#header p a {
text-decoration: none;
}
#header p a:hover {
border-width: 1px;
}
谢谢
Jeremy Voges查看网站并向上滚动到嵌套规则部分,
也请检查下面的示例。希望这对你有帮助
// LESS
#header {
h1 {
font-size: 26px;
font-weight: bold;
}
p { font-size: 12px;
a { text-decoration: none;
&:hover { border-width: 1px }
}
}
}
/* Compiled CSS */
#header h1 {
font-size: 26px;
font-weight: bold;
}
#header p {
font-size: 12px;
}
#header p a {
text-decoration: none;
}
#header p a:hover {
border-width: 1px;
}
谢谢
Jeremy Voges您也可以使用Sass()
在那里可以写:
#footer{
font-size: 12px;
p{
padding: 5px;
}
.class{
margin: 10px 5px;
}
}
因此可以使用嵌套功能。但它也支持变量和一种叫做mixin的函数
使用Sass的一个好工具是Compass()。您也可以使用Sass()
在那里可以写:
#footer{
font-size: 12px;
p{
padding: 5px;
}
.class{
margin: 10px 5px;
}
}
因此可以使用嵌套功能。但它也支持变量和一种叫做mixin的函数
使用Sass的一个很好的工具是Compass()。在这里,您可以在HTML代码中执行同样的操作。通过使用多个html类。最好的方法..或者使用来选择Inde
#footer
中的所有元素,您可以使用#footer*
。请参见此处,您可以在HTML代码中执行相同的操作。通过使用多个html类。最好的方法..或者使用来选择索引#footer
中的所有元素,您可以使用#footer*
。