I'd like to hide an specific class from this code, exactly <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"
I write
body.home #icon-home {
display: none;
}
but it doesn't work
What am i doing wrong?
Thanks and regards