在H1标记内的span标记内使用text-transform属性

时间:2015-05-07 18:24:51

标签: css

我知道<span>标记内允许使用<H1>个标记。但是,当我使用text-transform属性设置所述span的样式时,它不起作用 - 而其他属性(如颜色,大小,字体系列等)确实有效。为什么呢?

&#13;
&#13;
h1 {
  font-size: 24px;
  }
h1 span {
  text-transform: capitalize;
  font-size: 18px;
  color: red;
  }
&#13;
<h1>Title - <span>something else</span></h1>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

看起来工作得很好。 capitalize会将<span>中每个单词的第一个字母大写。如果您想要全部大写,请使用uppercase

h1 span {
    text-transform: uppercase;
}

text-transform CSS property