0

div から 1 つの段落 (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には次のような多くのオプションがあります

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 に答える
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 に答える