1.4 KiB
1.4 KiB
id, title, challengeType, videoUrl, forumTopicId
| id | title | challengeType | videoUrl | forumTopicId |
|---|---|---|---|---|
| 587d781c367417b2b2512ac0 | 使用 text-transform 属性给文本添加大写效果 | 0 | https://scrimba.com/c/cvVZQSP | 301081 |
--description--
CSS 里的 text-transform 属性可以改变英文字母的大小写。使用这个属性时，我们无需改变 HTML 元素中的文本也可以统一页面里英文的显示。
下面的表格展示了 text-transform 的不同值对文字 “Transform me” 的影响：
| Value | Result |
|---|---|
lowercase | "transform me" |
uppercase | "TRANSFORM ME" |
capitalize | "Transform Me" |
initial | 使用默认值 |
inherit | 使用父元素的 text-transform 值。 |
none | Default:不改变文字。 |
--instructions--
请使用 text-transform 属性把 h4 内容文本中的所有字母变成大写。
--hints--
h4 内容文本中，所有字母均应为大写。
assert($('h4').css('text-transform') === 'uppercase');
h4 内的原文不应改变。
assert($('h4').text() !== $('h4').text().toUpperCase());