html - 将不同的 css 样式应用于文本

Question

我有一个 <table> ，里面有一些文字:

<table>
  <tr>
    <td>
      <b>Title</b>
      <br />
      Some description text
    </td>
  </tr>
</table>

这很好用，除了现在我想给标题和描述不同的文本颜色。不过我想保持它们当前的间距，否则我会这样做:

<td>
  <p class="title">Title</p>
  <p class="desc">Some description text</p>
</td>

使用“< p >”元素似乎注入(inject)了一个高大的新行，而不是更好的“< br/>”(在我看来至少更好)。但是，如果我不使用“p”，我不确定如何将不同的样式应用于任何一段文本。

谢谢

Answer 1

将以下样式添加到您的 p 标签中:

CSS

p {
    padding: 0px;
    margin: 0px;
}

h1 {
    margin-bottom: 0px;
}

html

<td>
    <h1 class="title">Title</h1>
    <p class="desc">Some description text</p>
</td>