chore(i18n,learn): processed translations (#45555)
This commit is contained in:
camperbot
GitHub
@ -11,7 +11,7 @@ dashedName: change-a-variable-for-a-specific-area
|
||||
|
||||
`:root` で変数を作成すると、その変数の値がページ全体に設定されます。
|
||||
|
||||
これらの変数を特定の要素内で再度設定して上書きすることができます。
|
||||
これらの変数を特定のセレクター内で再度設定して上書きすることができます。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
||||
@ -15,7 +15,7 @@ CSS 変数を作成するには、2 つのハイフンで始まる名前を付
|
||||
--penguin-skin: gray;
|
||||
```
|
||||
|
||||
これで `--penguin-skin` という名前の変数が作成され、`gray` の値が代入されます。 今では CSS の他の場所でその変数を使用して、他の要素の値を gray に変更できるようになりました。
|
||||
これで `--penguin-skin` という名前の変数が作成され、`gray` の値が代入されます。 CSS の他の場所でこの変数を使用して、他のプロパティの値を gray に変更できます。
|
||||
|
||||
# --instructions--
|
||||
|
||||
|
||||
@ -77,7 +77,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
`h1` 要素は、`body` 要素から緑の文字色を継承しているはずです。
|
||||
`h1` 要素は、`body` 要素から文字色 `green` を継承しているはずです。
|
||||
|
||||
```js
|
||||
assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');
|
||||
|
||||
@ -27,7 +27,7 @@ class="class1 class2"
|
||||
|
||||
**注:** HTML 要素にクラスを並べる順番は関係ありません。
|
||||
|
||||
しかし、`<style>` セクション内での `class` 宣言の順番が重要になります。 2 番目の宣言は常に最初の宣言よりも優先されます。 `.blue-text` は 2 番目に宣言されているため、`.pink-text` の属性をオーバーライドします。
|
||||
しかし、`<style>` セクション内での `class` 宣言の順番が重要になります。 2 番目の宣言は常に最初の宣言よりも優先されます。 `.blue-text` は2番目に宣言されているため、 `.pink-text` の属性をオーバーライドします。
|
||||
|
||||
# --hints--
|
||||
|
||||
|
||||
@ -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)');
|
||||
```
|
||||
|
||||
赤を指定するために、16 進数コード `#FF0000` の代わりに短縮形の `hex code` を使用してください。
|
||||
赤を指定するために、16 進数コード `#FF0000` の代わりに短縮形の 16 進数コードを使用してください。
|
||||
|
||||
```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)');
|
||||
```
|
||||
|
||||
緑を指定するために、16 進数コード `#00FF00` の代わりに短縮形の `hex code` を使用してください。
|
||||
緑を指定するために、16 進数コード `#00FF00` の代わりに短縮形の 16 進数コードを使用してください。
|
||||
|
||||
```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)');
|
||||
```
|
||||
|
||||
シアンを指定するために、16 進数コード `#00FFFF` の代わりに短縮形の `hex code` を使用してください。
|
||||
シアンを指定するために、16 進数コード `#00FFFF` の代わりに短縮形の 16 進数コードを使用してください。
|
||||
|
||||
```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)');
|
||||
```
|
||||
|
||||
フューシャを指定するために、16 進数コード `#FF00FF` の代わりに短縮形の `hex code` を使用してください。
|
||||
フューシャを指定するために、16 進数コード `#FF00FF` の代わりに短縮形の 16 進数コードを使用してください。
|
||||
|
||||
```js
|
||||
assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));
|
||||
|
||||
@ -27,13 +27,13 @@ body {
|
||||
|
||||
# --hints--
|
||||
|
||||
`body` 要素は background-color を黒に設定されている必要があります。
|
||||
`body` 要素は `background-color` を黒に設定されている必要があります。
|
||||
|
||||
```js
|
||||
assert($('body').css('background-color') === 'rgb(0, 0, 0)');
|
||||
```
|
||||
|
||||
`black` という単語の代わりに、黒を表す `hex code` (16 進数コード) を使用します。
|
||||
`black` という単語の代わりに、黒を表す 16 進数コードを使用します。
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
||||
Reference in New Issue
Block a user