首頁猿問 HTML中標(biāo)簽選擇的問題（>...

HTML中標(biāo)簽選擇的問題（> ~ + 空格）

CSS3 Html/CSS Html5

拿不到鑰匙的車放不進(jìn)手機的歌 2016-07-16 11:01:21

這兩天看了Amy老師的css3平滑效果課程，在里面各種炫酷的動畫效果，其中老師用了好幾種選擇的方法比如：#st-content > a ? ? ? #st-content ~a ? ?#st-content + a ? ?#st-content .abc a 其中老師說了~與+的區(qū)別，但是我產(chǎn)生疑問了比如第一個#st-content > a意思是id 為st-content下的a標(biāo)簽為什么不用#st-content a呢？這其中貌似有一種我不理解的區(qū)別在老師最后寫課件2、4頁改變顏色的時候有所體現(xiàn)，本萌新實在是看不出來，希望有看過該課程的達(dá)人，或者大神解惑！

查看完整描述

2 回答

已采納

Kusoku

TA貢獻(xiàn)14條經(jīng)驗獲得超5個贊

這也就是css選擇器，并不是很復(fù)雜的東西，結(jié)構(gòu)化的選擇器會涉及到DOM中的標(biāo)簽結(jié)構(gòu)；

首先需要搞清楚標(biāo)簽元素之間的層級關(guān)系

父元素和子元素，單級直接嵌套<div><p></p></div>，屬于父元素與后代元素中的一種特例

同胞元素，擁有同一父級元素ul的<li></li><li></li>

相鄰兄弟元素，首先要求是同胞元素，而且還要相鄰，中間不能被其他元素間隔

父元素和后代元素，也就是標(biāo)簽的包含與被包含的關(guān)系

父元素

祖先元素

反對回復(fù) 2016-07-16

剛毅87

TA貢獻(xiàn)345條經(jīng)驗獲得超309個贊

<!doctype?html>
<html?lang="en">
<head>
	<meta?charset="UTF-8"?/>
	<title>Document</title>
	<style?type="text/css">
		/*空格連接,表示?#div1?下的后代?p,?p?包括子代和后代*/
		#div1?p?{
			color:?greenyellow;
		}
		/*大于號連接,只表示#div1?下的子代?p*/
		#div1>p?{
			color:?red;
		}
		/*加號連接,表示#div1的兄弟級?p*/
		#div1+p?{
			color:?blue;
		}
	</style>
</head>
<body>
	<div?id="div1">
		<p>我是?p?標(biāo)簽1</p>
		<div?id="">
			<p>我是?p?標(biāo)簽2</p>
		</div>
	</div>
	<p>我是?p?標(biāo)簽3</p>
</body>

</html>

解釋我都寫在代碼中了.

望采納!

反對回復(fù) 2016-07-16

拿不到鑰匙的車放不進(jìn)手機的歌
大神雖然您回答的比較具體，，，但是~樓上君更牛逼啊我不能違背自己的良心~

回復(fù) 2016-07-17

2 回答
0 關(guān)注
2223 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

HTML中標(biāo)簽選擇的問題（> ~ + 空格）

HTML中標(biāo)簽選擇的問題（> ~ + 空格）

2 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

HTML中標(biāo)簽選擇的問題（> ~ + 空格）

HTML中標(biāo)簽選擇的問題（> ~ + 空格）

2 回答

相關(guān)問題推薦

添加回答