Question

我想知道是否有可能在结束标记中添加一个类。

我正在研究响应表的特殊方式。这是我的想法：

PC view: 

 Headline1            Headline2
 Text1                Text2

Mobile view:

Headline1
Text1
Headline2
Text2

我对代码的想法：

<table>
    <tr style="background-color:blue;">
        <td>headline1</td>
    </tr class="mobile">
    <tr class="mobile">
        <td>headline2</td>
    </tr>
    <tr style="background-color:red;">
        <td>text1</td>
    </tr class="mobile">
    <tr class="mobile">
        <td>text2</td>
    </tr>
</table>

的CSS：

<style>

.mobile {
    display:none;
}

    @media only screen and (min-width: 150px) and (max-width: 1000px)
{
    .mobile {
        display:block;
    }
}
</style>

为什么我没有为响应表使用其他解决方案或使用带有display hide的2个表？因为我的老板，谁将使用页面不知道代码，他希望方便在他的waziwig编辑器中更改它而不用担心代码。

Answer 1

您绝对不能仅使用CSS隐藏开始标记或仅隐藏结束标记，只能隐藏CSS标记的<或>。

CSS适用于元素，而不适用于标签;开始和结束标记本身甚至不存在于DOM中。它们只是语法。

给结束标记一个类？

1 个答案: