0

如何从 div 中仅删除一个段落 (p1)？这是我完整的 html 和 css：http: //jsfiddle.net/8Q3YH/

我想从下面完全删除 p1 。

<div id="quickSummary">
        <p class="p1"><span>A demonstration of what can be accomplished       visually through <acronym title="Cascading Style Sheets">CSS</acronym>-based design. Select any style sheet from the list to load it into this page.</span></p>
        <p class="p2"><span>Download the sample <a href="zengarden-sample.html" title="This page's source HTML code, not to be modified.">html file</a> and <a href="zengarden-sample.css" title="This page's sample CSS, the file you may modify.">css file</a></span></p>
    </div>
4

8 回答 8

1

使用 CSS 你会做

#quickSummary .p1 { display:none; }

这隐藏了类 p1 的元素

您可以使用伪类，但并非所有浏览器都支持它

那将是

#quickSummary p:first-child { display:none; }

这意味着，quickSummary 中的第一个段落标签将被隐藏。

希望这可以帮助。

于 2012-10-01T09:29:38.327 回答
1

你可以这样做

#quickSummary .p1 {display: none;} //This will empty the space on your web page

#quickSummary .p1 {visibility: hidden;} //This will hide the paragraph but will reserve the space
于 2012-10-01T09:32:41.367 回答
0

在你的页面上使用这个 CSS 类

.p1{display:none;}
于 2012-10-01T09:30:15.240 回答
0

试试这个

#quickSummary .p1{display:none; }   // to hide the element

在CSS 中，您只能隐藏元素（在浏览器上不可见）。要从 DOM 中完全删除它，您可以使用 jQuery

$('#quickSummary').find(".p1").remove();
于 2012-10-01T09:30:51.073 回答
0

CSS？

.p1 {
display:none;
}

还; 不需要将整个页面粘贴到 JsFiddle 中 - 您只需粘贴您遇到问题的标记部分。

于 2012-10-01T09:31:49.523 回答
0

这取决于您的需要。

使用 CSS

div#quickSummary .p1
{
display:none;
}

使用 jQuery

$('div#quickSummary .p1').hide();
于 2012-10-01T09:32:26.423 回答
0

CSS中有很多选项，例如

display:block;      (or)  /* text is absent */
visibility:hidden;  (or)  /* text is present but in hidden state */
color:transparent;  /* text is present but in hidden state */

例子 ：

.p1, .p1>a {color:transparent;}

或者使用 jquery 删除p标签。

于 2012-10-01T09:47:43.163 回答
0

试试 CSS3 伪选择器——这样你就不需要类了。请注意，虽然在旧版浏览器中不起作用。

尝试

#quickSummary li:first-of-type{
display:none; visibility:hidden;
}
于 2012-10-01T10:55:35.533 回答