p.first{}和p>first{}的區(qū)別？請舉個(gè)簡單點(diǎn)的例子 謝謝
p.first{color:green;}為什么在這里p>first不會生效？
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時(shí)，我還是一個(gè)<span >膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯(cuò)了老師會批評我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學(xué)期時(shí)，我們班上了一節(jié)公開課，老師提出了一個(gè)很<span class="first">簡單</span>的問題，班里很多同學(xué)都舉手了，甚至成績比我差很多的，也舉手了，還說著：<span class="first">我來，我來。"</span>我環(huán)顧了四周，就我沒有舉手。</p>
2015-06-16
p.frist{}意思是選擇class為frist的p標(biāo)簽 ? ? ?p>.first ?是選擇p的第一代子元素 ? ? ? ? ?不是p>first ? 要加.
2015-06-17
lZ 問的是 ?p>.first ? 為什么沒生效吧
2015-06-16
例子把class名稱過濾掉了。。。。。
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"?xml:lang="en"> <head> ????<meta?http-equiv="Content-Type"?content="text/html;charset=UTF-8"> ????<title>Document</title> ????<style?type="text/css"> ????????strong{background-color:?red;} ????????p>.first{display:?inline-block;?background-color:?pink;} ????????/*p?.first{display:?inline-block;?background-color:?pink;}*/ ????</style> </head> <body> ????<p> ????????<span?class="first">p標(biāo)簽</span>的子元素。 ????????<em?class="first"> ????????????我也可以是類名為<strong?class="first">first</strong>的標(biāo)簽。 ????????</em> ????</p> </body> </html>2015-06-16
p.first表示選擇的是類名為first的p標(biāo)簽。這種情況其實(shí)也可以寫成.first，但是為了語義化，并且防止與其他類名為first的標(biāo)簽沖突，因此這樣寫更加清晰。例：
p>first這種寫法是錯(cuò)誤的。首先“>”表示子元素選擇器，如果此處改為p>.first則表示“選擇作為 p 元素子元素的所有類名為first的元素”。例：
此時(shí)如果設(shè)置p>.first{}樣式表，則此例中span元素、em元素均受影響。但是em元素的子元素strong元素不受影響。此時(shí)要注意對比p .frist{}樣式表，如果使用該方式樣式表，則strong元素同樣受影響。
說的可能有點(diǎn)繞。你自己在編輯器中打開以下代碼。分別注釋掉p>.first和p .first查看效果。另外你需要重新回頭好好理解CSS的選擇器。
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"?xml:lang="en"> <head> ????<meta?http-equiv="Content-Type"?content="text/html;charset=UTF-8"> ????<title>Document</title> ????<style?type="text/css"> ????????strong{background-color:?red;} ????????p>.first{display:?inline-block;?background-color:?pink;} ????????/*p?.first{display:?inline-block;?background-color:?pink;}*/ ????</style> </head> <body> ????<p> ????????<span>p標(biāo)簽</span>的子元素。 ????????<em> ????????????我也可以是類名為<strong>first</strong>的標(biāo)簽。 ????????</em> ????</p> </body> </html>2015-06-16
p .stress ?和p>.stress ?都可以
2015-06-16
因?yàn)?這個(gè)class 不是在p標(biāo)簽內(nèi)
2015-06-16
.stress{font-weight:bold;}為什么在.stress前面加個(gè)p就失效了？
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p>三年級時(shí)，我還是一個(gè)<span class="stress">膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯(cuò)了老師會<a href="http://idcbgp.cn">批評</a>我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
? ? <p>到了三年級下學(xué)期時(shí)，<span class="stress">我們班上了一節(jié)公開課</span>，老師提出了一個(gè)很簡單的問題，班里很多同學(xué)都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環(huán)顧了四周，就我沒有舉手。</p>