如何使用CSS制作首字母大写字母

Question

我想<span>在首都写下我的第一封信.但是当我:before在span大写中使用时不起作用.

span { display:inline-block; color:#66a400; }
span:first-letter { text-transform:capitalize; }
span:before { content:"-"; padding:0 2px; }

<span>my first word</span>

我需要如下所示

- My first word

Answer 1

您可以使用:after代替:before并将其向左浮动：

span {
  display: inline-block;
  color: #66a400;
}
span:first-letter {
  text-transform: capitalize;
}
span:after {
  content: "-";
  padding: 0 2px;
  float: left;
}

<span>my first word</span>