|
|
|
@ -44,10 +44,10 @@
@@ -44,10 +44,10 @@
|
|
|
|
|
|
|
|
|
|
```css |
|
|
|
|
.my-element { |
|
|
|
|
background: var(--base-color, hotpink); |
|
|
|
|
background: var(--base-color, yellow); |
|
|
|
|
} |
|
|
|
|
``` |
|
|
|
|
你还可以给`var()`函数传递第二个参数,表示如果没有找到`--base-color`的定义,函数会以`hotpink`作为返回值(输出)。 |
|
|
|
|
你还可以给`var()`函数传递第二个参数,表示如果没有找到`--base-color`的定义,函数会以`yellow`作为返回值(输出)。 |
|
|
|
|
<iframe height="300" style="width: 100%;" scrolling="no" title="019 Functions_01" src="https://codepen.io/AhCola/embed/YzQPVjx?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> |
|
|
|
|
See the Pen <a href="https://codepen.io/AhCola/pen/YzQPVjx"> |
|
|
|
|
019 Functions_01</a> by Pengfei Wang (<a href="https://codepen.io/AhCola">@AhCola</a>) |
|
|
|
@ -56,7 +56,7 @@
@@ -56,7 +56,7 @@
|
|
|
|
|
|
|
|
|
|
## 四.有返回值的函数 |
|
|
|
|
|
|
|
|
|
并不是所有函数都有返回值得。`var()`函数恰好是一个有返回值的函数。`attr()`和`url()`函数与`var()`类似,你可以向它们传递一个或者多个参数,然后将它们作为css声明的属性值。 |
|
|
|
|
并不是所有函数都有返回值的。`var()`函数恰好是一个有返回值的函数。`attr()`和`url()`函数与`var()`类似,你可以向它们传递一个或者多个参数,然后将它们作为css声明的属性值。 |
|
|
|
|
```css |
|
|
|
|
a::after { |
|
|
|
|
content: attr(href); |
|
|
|
|