2-4 字符串函数-To-upper-case()、To-lower-case()
本节编程练习不计算学习进度,请电脑登录imooc.com操作

字符串函数-To-upper-case()、To-lower-case()

1、To-upper-case()

To-upper-case() 函数将字符串小写字母转换成大写字母。如:

//SCSS
.test {
  text: to-upper-case(aaaaa);
  text: to-upper-case(aA-aAAA-aaa);
}

编译出来的 css 代码:

//CSS
.test {
  text: AAAAA;
  text: AA-AAAA-AAA;
}

2、To-lower-case()

To-lower-case() 函数 与 To-upper-case() 刚好相反,将字符串转换成小写字母:

//SCSS
.test {
  text: to-lower-case(AAAAA);
  text: to-lower-case(aA-aAAA-aaa);
}

编译出来的 css 代码:

//CSS
.test {
  text: aaaaa;
  text: aa-aaaa-aaa;
}

 

任务

你可以写出下面函数运行编译出的CSS代码吗?

  1. //SCSS
  2. .test {
  3. text: to-upper-case(ssssss);
  4. text: to-upper-case(sS-sSsS-sSs);
  5. }
  6.  
  7. //SCSS
  8. .test {
  9. text: to-lower-case(SSSSSS);
  10. text: to-lower-case(Ss-SsSs-SsS);
下一节