Question

我有两种情况，HTML脚本在使用和不使用@DeclareAnnotation("void ItemRepository+.getById(..)") @MyAnnotation void inEmptyListMethod() {}标记时显示不同。

情景1 :(使用<thead></thead>标签）

<thead></thead>

情景2 :(没有<!DOCTYPE html> <meta charset = "UTF-8"/> <head> <title>HTML PAGE</title> </head> <link rel = "stylesheet" href = "TEST_CSS.CSS">  <body> <table border="1"> <caption>EXAMPLE TABLE</caption> <thead> <tr> <th colspan = "2">NAME</th> <th>AGE</th> <th>SEX</th> </tr> </thead> <tr> <td>REBEL RIDER</td> <td>RR</td> <td>5</td> <td>MALE</td> </tr> <tr> <td>IGR</td> <td>4:20R</td> <td>11</td> <td>MALE</td> </tr> <tr> <td colspan = "4">END OF THE TABLE</td> <tr/> </table> </body>）

<thead></thead>

我使用上面2个场景的常用CSS来设置每个第2行的样式，如下所示。

        <!DOCTYPE html>
        <meta charset = "UTF-8"/>

        <head>
              <title>HTML PAGE</title>
        </head>

        <link rel = "stylesheet" href = "TEST_CSS.CSS"> <!--Linking our .CSS sheet-->

        <body>
            <table border="1">
                <caption>EXAMPLE TABLE</caption>

                         <tr>
                             <th colspan = "2">NAME</th> 
                             <th>AGE</th>
                             <th>SEX</th>
                         </tr>                      
                         <tr>
                             <td>REBEL RIDER</td>
                             <td>RR</td>
                             <td>5</td> 
                             <td>MALE</td>
                         </tr>
                         <tr>
                             <td>IGR</td>
                             <td>4:20R</td>
                             <td>11</td>
                             <td>MALE</td>
                         </tr>

                         <tr>
                         <td colspan = "4">END OF THE TABLE</td>
                         <tr/>

            </table>
        </body>

我为上述两种情况获得了不同的输出。

OUTPUT（场景1）

OUTPUT（场景2）

我的问题是tr:nth-child(2n) { background-color: #ccc; }在以不同方式显示输出方面扮演的角色。提前谢谢。

Answer 1

当你有一个<thead>时，你的行中有一个odd行，而其他3个兄弟行作为表的子项 - 实际上是 tbody - （odd，even，odd）

如果没有thead所有行都是兄弟姐妹，那么您就拥有odd，even，odd，even。

换句话说：一行与其直接父母（或其兄弟姐妹）相比是奇数甚至是相对的。

来自MDN：

：nth-child（）CSS伪类根据它们在兄弟姐妹组中的位置来匹配元素。

Answer 2

yyaxis right plot(bdates,BBDP_slice,'g') set(gca,表示您希望具有共同父级的第2，第4，... TR具有灰色背景。

在第一个（带有thead）表中，您将TR分成两个不同的兄弟组，第一个包含一个子节点，第二个包含三个子节点。 thead只有一个TR子，所以它的TR不是灰色的。其他3个TR将表作为其父级，因此第2个是灰色的。

在第二个表（没有thead）中，表有四个子项，第二个和第四个TR有灰色背景。

使用和不使用显示不同输出的标记在HTML中查询

2 个答案: