chore(i18n,curriculum): update translations (#42191)

curriculum/challenges/chinese/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md

@@ -30,19 +30,19 @@ dashedName: adjust-the-hue-of-a-color
 应使用 `hsl()` 属性来设置颜色为 `green`。
 
 ```js
-assert(code.match(/\.green\s*?{\s*?background-color:\s*?hsl/gi));
+assert(code.match(/\.green\s*?{\s*?background-color\s*:\s*?hsl/gi));
 ```
 
 应使用 `hsl()` 属性来设置颜色为 `cyan`。
 
 ```js
-assert(code.match(/\.cyan\s*?{\s*?background-color:\s*?hsl/gi));
+assert(code.match(/\.cyan\s*?{\s*?background-color\s*:\s*?hsl/gi));
 ```
 
 应使用 `hsl()` 属性来设置颜色为 `blue`。
 
 ```js
-assert(code.match(/\.blue\s*?{\s*?background-color:\s*?hsl/gi));
+assert(code.match(/\.blue\s*?{\s*?background-color\s*:\s*?hsl/gi));
 ```
 
 class 为 `green` 的 `div` 元素的 `background-color` 属性值应为绿色。

curriculum/challenges/chinese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md

@@ -40,7 +40,7 @@ assert($('div').css('background-color') === 'rgb(192, 192, 192)');
 class 名 `silver-background` 应该定义在 `style` 元素内；`background-color` 的属性值应为 `silver`。
 
 ```js
-assert(code.match(/\.silver-background\s*{\s*background-color:\s*silver;\s*}/));
+assert(code.match(/\.silver-background\s*{\s*background-color\s*:\s*silver\s*;?\s*}/));
 ```
 
 # --seed--

curriculum/challenges/chinese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md

@@ -32,7 +32,7 @@ assert($('h1').hasClass('pink-text'));
 `<style>` 标签应含有一个可以改变 `color` 的 `pink-text` class。
 
 ```js
-assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;\s*\}/g));
+assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;?\s*\}/g));
 ```
 
 `h1` 元素的字体颜色应为粉色。

curriculum/challenges/chinese/01-responsive-web-design/basic-css/size-your-images.md

@@ -31,8 +31,8 @@ CSS 的 `width` 属性可以控制元素的宽度。 和设置文本字号一样
 
 ```js
 assert(
-  $("img[src='https://bit.ly/fcc-relaxing-cat']").attr('class') ===
-    'smaller-image'
+  $("img[src='https://bit.ly/fcc-relaxing-cat']").attr('class')
+    .trim().split(/\s+/g).includes('smaller-image')
 );
 ```
 

curriculum/challenges/chinese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md

@@ -47,7 +47,7 @@ assert(
 
 ```js
 assert(
-  /\s*h2\s*\{\s*font-family\:\s*(\'|")?Lobster(\'|")?,\s*monospace\s*;\s*\}/gi.test(
+  /\s*h2\s*\{\s*font-family\s*\:\s*(\'|"|)Lobster\1\s*,\s*monospace\s*;?\s*\}/gi.test(
     code
   )
 );

curriculum/challenges/chinese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md

@@ -37,7 +37,7 @@ assert(
 class 为 `red-box` 的元素的 `padding` 属性值应为 1.5em。
 
 ```js
-assert(code.match(/\.red-box\s*?{[\s\S]*padding:\s*?1\.5em/gi));
+assert(code.match(/\.red-box\s*?{[\s\S]*padding\s*:\s*?1\.5em/gi));
 ```
 
 # --seed--

curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md

@@ -46,7 +46,7 @@ assert($('h2').hasClass('red-text'));
 样式表应该声明一个 `red-text` class，颜色为 `red`。
 
 ```js
-assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g));
+assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;?\s*\}/g));
 ```
 
 不应在 `h2` 元素里使用行内样式 `style="color: red"`。

curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md

@@ -32,7 +32,7 @@ assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
 应使用红色的 `hex code` 缩写形式，不应使用 `#FF0000`。
 
 ```js
-assert(code.match(/\.red-text\s*?{\s*?color:\s*?#F00\s*?;\s*?}/gi));
+assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
 ```
 
 文本内容为 `I am green!` 的 `h1` 元素的字体颜色 `color` 应该为绿色。
@@ -44,7 +44,7 @@ assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
 应使用绿色的 `hex code` 缩写形式，不应使用 `#00FF00`。
 
 ```js
-assert(code.match(/\.green-text\s*?{\s*?color:\s*?#0F0\s*?;\s*?}/gi));
+assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
 ```
 
 文本内容为 `I am cyan!` 的 `h1` 元素的字体颜色 `color` 应该为蓝绿色。
@@ -56,7 +56,7 @@ assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
 应使用蓝绿色的 `hex code` 缩写形式，不应使用 `#00FFFF`。
 
 ```js
-assert(code.match(/\.cyan-text\s*?{\s*?color:\s*?#0FF\s*?;\s*?}/gi));
+assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
 ```
 
 文本内容为 `I am fuchsia!` 的 `h1` 元素的字体颜色 `color` 应该为紫红色。
@@ -68,7 +68,7 @@ assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
 应使用紫红色的 `hex code` 缩写形式，不应使用 `#FF00FF`。
 
 ```js
-assert(code.match(/\.fuchsia-text\s*?{\s*?color:\s*?#F0F\s*?;\s*?}/gi));
+assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));
 ```
 
 # --seed--

curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md

@@ -36,7 +36,7 @@ assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
 应使用 `hex code` 替换 `red`。
 
 ```js
-assert(code.match(/\.red-text\s*?{\s*?color:\s*?(#FF0000|#F00)\s*?;\s*?}/gi));
+assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?(#FF0000|#F00)\s*?;?\s*?}/gi));
 ```
 
 文本内容为 `I am green!` 的 `h1` 元素的 `color` 值应该为绿色。
@@ -48,7 +48,7 @@ assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
 应使用 `hex code` 替换 `green` 关键词。
 
 ```js
-assert(code.match(/\.green-text\s*?{\s*?color:\s*?(#00FF00|#0F0)\s*?;\s*?}/gi));
+assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?(#00FF00|#0F0)\s*?;?\s*?}/gi));
 ```
 
 文本内容为 `I am dodger blue!` 的 `h1` 元素的 `color` 值应该为道奇蓝色。
@@ -60,7 +60,7 @@ assert($('.dodger-blue-text').css('color') === 'rgb(30, 144, 255)');
 应使用 `hex code` 替换 `dodgerblue`。
 
 ```js
-assert(code.match(/\.dodger-blue-text\s*?{\s*?color:\s*?#1E90FF\s*?;\s*?}/gi));
+assert(code.match(/\.dodger-blue-text\s*?{\s*?color\s*:\s*?#1E90FF\s*?;?\s*?}/gi));
 ```
 
 文本内容为 `I am orange!` 的 `h1` 元素的 `color` 值应该为橘色。
@@ -72,7 +72,7 @@ assert($('.orange-text').css('color') === 'rgb(255, 165, 0)');
 应使用 `hex code` 替换 `orange`。
 
 ```js
-assert(code.match(/\.orange-text\s*?{\s*?color:\s*?#FFA500\s*?;\s*?}/gi));
+assert(code.match(/\.orange-text\s*?{\s*?color\s*:\s*?#FFA500\s*?;?\s*?}/gi));
 ```
 
 # --seed--

curriculum/challenges/chinese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md

@@ -30,7 +30,7 @@ assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
 ```js
 assert(
   code.match(
-    /\.red-text\s*?{\s*?color:\s*?rgb\(\s*?255\s*?,\s*?0\s*?,\s*?0\s*?\)\s*?;\s*?}/gi
+    /\.red-text\s*{\s*color\s*:\s*rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)\s*;?\s*}/gi
   )
 );
 ```
@@ -46,7 +46,7 @@ assert($('.orchid-text').css('color') === 'rgb(218, 112, 214)');
 ```js
 assert(
   code.match(
-    /\.orchid-text\s*?{\s*?color:\s*?rgb\(\s*?218\s*?,\s*?112\s*?,\s*?214\s*?\)\s*?;\s*?}/gi
+    /\.orchid-text\s*{\s*color\s*:\s*rgb\(\s*218\s*,\s*112\s*,\s*214\s*\)\s*;?\s*}/gi
   )
 );
 ```
@@ -62,7 +62,7 @@ assert($('.blue-text').css('color') === 'rgb(0, 0, 255)');
 ```js
 assert(
   code.match(
-    /\.blue-text\s*?{\s*?color:\s*?rgb\(\s*?0\s*?,\s*?0\s*?,\s*?255\s*?\)\s*?;\s*?}/gi
+    /\.blue-text\s*{\s*color\s*:\s*rgb\(\s*0\s*,\s*0\s*,\s*255\s*\)\s*;?\s*}/gi
   )
 );
 ```
@@ -78,7 +78,7 @@ assert($('.sienna-text').css('color') === 'rgb(160, 82, 45)');
 ```js
 assert(
   code.match(
-    /\.sienna-text\s*?{\s*?color:\s*?rgb\(\s*?160\s*?,\s*?82\s*?,\s*?45\s*?\)\s*?;\s*?}/gi
+    /\.sienna-text\s*{\s*color\s*:\s*rgb\(\s*160\s*,\s*82\s*,\s*45\s*\)\s*;?\s*}/gi
   )
 );
 ```