使用CSS在td标签中获得前几行

时间:2018-11-08 03:37:23

标签: html css css-selectors pseudo-class

我第一次面对这样的挑战。我有一个带有简单标签和文本的表格。我想做的是给标签字体的所有第一行加粗字体。我想出了一个解决方案td::ntf-line(-n+2)(其中2是许多行),但是没有用。之前有人面对过同样的事情吗?提前致谢。代码示例:

<tr>
            <td>10:30 AM</td>
            <td rowspan="2" class="web">Web Design<br> Fundamentals<br>MULT1083<br>B.Ryan / A3102</td>
            <td rowspan="4" class="networks">Introduction to<br> Networks<br>NCRC1157<br>F.Bekkering<br>A-3102</td>
            <td rowspan="4" class="hardwareLab">Introduction to<br> Hardware<br>LAB<br>CEIO1048<br>C.Pieroni<br>A3012</td>
            <td rowspan="4" class="microsoftLab">Microsoft Client OS<br>LAB<br>OSSE1060<br>J.Jakson<br>A-3105</td>
        </tr>

所以我想使Web Design<br> Fundamentals字体粗体以及所有其他字体都粗体。请只使用CSS解决方案,因为我所有人都懒得在任何地方都写<b>标签

1 个答案:

答案 0 :(得分:0)

您可以在此处使用css标签,亲爱的

css:
.sampl{
  font-weight:bold;
 }

html:
 <tr>
        <td>10:30 AM</td>
        <td rowspan="2" class="web">Web Design<br><span class="sampl"> Fundamentals</span><br>MULT1083<br>B.Ryan / A3102</td>
        <td rowspan="4" class="networks">Introduction to<br> Networks<br>NCRC1157<br><span class="sampl">F.Bekkering</span><br>A-3102</td>
        <td rowspan="4" class="hardwareLab">Introduction to<br> <span class="sampl">Hardware </span><br>LAB<br>CEIO1048<br>C.Pieroni<br>A3012</td>
        <td rowspan="4" class="microsoftLab">Microsoft Client OS<br>LAB<br>OSSE1060<br>J.Jakson<br>A-3105</td>
    </tr>

像这样,您需要在每个要加粗文本的地方使用class。