Question

我是这个的初学者。我在tumblr主题的div中有文本和输入按钮，打算只显示在主页上，但它显示在底部的所有页面上。有没有办法为所有其他人隐藏它，设置某种参数等？

Answer 1

实现这一目标的方法不止一种。最简单的方法是在头部<style> #id, or .class {display: none}</style>添加您使用的课程或 id 或隐藏 div < / strong>包含它们。

Answer 2

您可以像这样切片页面内容：

有三种类型的HTML模型：


布局（或模板，网格），表示保存组件的结构。

代表足够且一致的汽车零件的组件（或模块）。

表示数据的内容（或数据）可以在HTML，JSON或MongoDB（数据库）中找到。

E.I。

<body class="layout-class">
    <section class="component-class-1"></section>
    <section class="component-class-2"></section>
    <section class="component-class-3">
        <input class="input" />
    </section>
</body>

所以，如果您有这样的输入：

<body>
    <div>
        <input class="input" />
    </div>
</body>

使用此CSS

.input {
    display: inline
}

你只能在homepage layout上隐藏这个：

<body class="home">
    <div>
        <input class="input" />
    <div>
</body>

和

.home .input {
    display: none;
}

或仅在概述组件上

<body>
    <div class="overview">
        <input class="input" />
    <div>
</body>

和

.overview .input {
    display: none;
}

或仅在主页等概述

<body>
    <div class="overview">
        <input class="input" />
    <div>
</body>

.homepage .overview .input {
    display: none;
}

在除主页之外的所有页面上隐藏CSS中的文本

2 个答案: