Question

我想隐藏此代码中的特定类，正好是<div class="default-tab-info">

<header></header>
<section id="home-sidebar" class="header-left admin-bar-showing">
    <div id="side-navigation" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
        <ul class="tab-nav ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
            <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tab-1" aria-labelledby="ui-id-1" aria-selected="true">
                <a id="ui-id-1" class="ui-tabs-anchor" href="#tab-1" role="presentation" tabindex="-1">
                    <span class="icon-home"></span>
                </a>
            </li>
        </ul>
        <div id="tab-1" class="tab-content ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-1" role="tabpanel" style="display: block;" aria-expanded="true" aria-hidden="false">
            <div class="default-tab-info">
                <span class="icon-home"></span>
                <div class="default-tab-inner"

我写

body.home #icon-home {
    display: none;
}

但它不起作用

我做错了什么？

谢谢和问候

Answer 1

您的CSS应该说明以下内容。

div.default-tab-info {
    display: none;
}

这会将div隐藏在班级default-tab-info。

要使用span类隐藏icon-home元素中包含的图标，请使用以下内容。

span.icon-home {
    display: none;
}

另外，要隐藏span.icon-home中的div.default-tab-info，以下内容应该可以胜任。

div.default-tab-info span.icon-home {
    display: none;
}

这会隐藏span.icon-home的第n个监护人div.default-tab-info。{/ p>

Answer 2

#字符表示 ID选择器不是类选择器，它使用.。

Answer 3

使用此：

.default-tab-info{
    display: none;
}

Fiddle

隐藏内容html

3 个答案: