为了在@include
混合器时不必传入所有的参数,我们可以给参数指定一个默认值。参数默认值使用$name: default-value
的声明形式,默认值可以是任何有效的css
属性值,甚至是其他参数的引用,如下代码:
@mixin link-colors(
$normal,
$hover: $normal,
$visited: $normal
)
{
color: $normal;
&:hover { color: $hover; }
&:visited { color: $visited; }
}
如果像下边这样调用:@include link-colors(red)
$hover
和$visited
也会被自动赋值为red
。
混合器只是sass
样式重用特性中的一个。我们已经了解到混合器主要用于样式展示层的重用,如果你想重用语义化的类呢?这就涉及sass
的另一个重要的重用特性:选择器继承。
描述变量可以由属性引用。选择器名插值Less选择器名称中可以引用任何变量。如:@head: h;.@{head}2 {font-size: 16px;}属性名插...
CSS Outline轮廓轮廓是边界的替代。轮廓线是围绕边框外的元素绘制的线。+-------------------------------------+| Outline || +...
HTML embed 标签width 属性用于设置 embed 标签中插入的内容的宽度,请参考下述示例:实例一个高度和宽度为 200 像素的 flash 动...
HTML button 标签name 属性设置HTML中按钮的名称,用来提交某些值,请参考下文以了解该属性的详细使用情况。实例两个按钮带有相...
HTML menu 标签label 属性规定了菜单的可见标签,请参考下述示例:实例带有两个菜单按钮("File" 和 "Edit")的工具栏,每个按钮...