chore(i18n,learn): processed translations (#45504)
This commit is contained in:
@ -11,7 +11,7 @@ dashedName: change-a-variable-for-a-specific-area
|
||||
|
||||
當你在 `:root` 裏創建變量時,這些變量的作用域是整個頁面。
|
||||
|
||||
如果在元素裏創建相同的變量,會重寫作用於整個頁面的變量的值。
|
||||
然後,你可以通過在一個特定的選擇器中再次設置這些變量來重寫這些變量。
|
||||
|
||||
# --instructions--
|
||||
|
||||
@ -27,7 +27,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
`penguin` class 不應該包含 `background-color` 屬性。
|
||||
`penguin` 類不應包含 `background-color` 屬性。
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
@ -15,7 +15,7 @@ dashedName: create-a-custom-css-variable
|
||||
--penguin-skin: gray;
|
||||
```
|
||||
|
||||
這樣就會創建一個 `--penguin-skin` 變量,它的值爲 `gray`。 現在,其他元素可通過該變量來使元素變成灰色。
|
||||
這樣就會創建一個 `--penguin-skin` 變量,它的值爲 `gray`。 現在你可以在你的 CSS 中的其他地方使用這個變量來改變其他屬性的值爲灰色。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
@ -77,7 +77,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
`h1` 元素的字體顏色應繼承 `body` 元素所設置的綠色。
|
||||
`h1` 元素應該繼承 `body` 的 `green` 顏色屬性。
|
||||
|
||||
```js
|
||||
assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');
|
||||
|
@ -15,7 +15,7 @@ CSS 變量可以簡化媒體查詢的定義方式。
|
||||
|
||||
# --instructions--
|
||||
|
||||
在 `media query`(媒體查詢)聲明的 `:root` 選擇器裏,重定義 `--penguin-size` 的值爲 `200px`。 同時,重新定義 `--penguin-skin` 的值爲 `black`, 然後通過縮放頁面來查看它們是否生效。
|
||||
在媒體查詢聲明的 `:root` 選擇器裏,重定義 `--penguin-size` 的值爲 `200px`。 同時,重新定義 `--penguin-skin` 的值爲 `black`, 然後通過縮放頁面來查看它們是否生效。
|
||||
|
||||
# --hints--
|
||||
|
||||
|
@ -29,7 +29,7 @@ dashedName: use-abbreviated-hex-code
|
||||
assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
|
||||
```
|
||||
|
||||
應使用紅色的 `hex code` 縮寫形式,不應使用 `#FF0000`。
|
||||
應使用紅色的縮寫十六進制代碼,而不是十六進制代碼 `#FF0000`。
|
||||
|
||||
```js
|
||||
assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
|
||||
@ -41,7 +41,7 @@ assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
|
||||
assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
|
||||
```
|
||||
|
||||
應使用綠色的 `hex code` 縮寫形式,不應使用 `#00FF00`。
|
||||
應使用綠色的縮寫十六進制代碼,而不是十六進制代碼 `#00FF00`。
|
||||
|
||||
```js
|
||||
assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
|
||||
@ -53,7 +53,7 @@ assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
|
||||
assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
|
||||
```
|
||||
|
||||
應使用藍綠色的 `hex code` 縮寫形式,不應使用 `#00FFFF`。
|
||||
應使用青色的簡寫十六進制代碼,而不是十六進制代碼 `#00FFFF`。
|
||||
|
||||
```js
|
||||
assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
|
||||
@ -65,7 +65,7 @@ assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
|
||||
assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
|
||||
```
|
||||
|
||||
應使用紫紅色的 `hex code` 縮寫形式,不應使用 `#FF00FF`。
|
||||
應使用紫紅色的簡寫十六進制代碼,而不是十六進制代碼 `#FF00FF`。
|
||||
|
||||
```js
|
||||
assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));
|
||||
|
@ -27,13 +27,13 @@ body {
|
||||
|
||||
# --hints--
|
||||
|
||||
`body` 元素的背景顏色應爲黑色。
|
||||
`body` 元素的 `background-color` 應爲黑色。
|
||||
|
||||
```js
|
||||
assert($('body').css('background-color') === 'rgb(0, 0, 0)');
|
||||
```
|
||||
|
||||
應使用 `hex code` 來替換 `black`。
|
||||
應該使用黑色的十六進制代碼,而不是 `black` 這個詞。
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
Reference in New Issue
Block a user