子類選擇器和后代選擇器 包含選擇器和子選擇器的區(qū)別?
包含選擇器和子選擇器的區(qū)別?E F:包含選擇器,選擇E中所有的F標(biāo)簽,包括兒子,孫子,孫子的孫子都會被選中。E>F:子選擇器,只能選中E元素的子元素,不能選中E元素的孫元素<style>/
包含選擇器和子選擇器的區(qū)別?
E F:包含選擇器,選擇E中所有的F標(biāo)簽,包括兒子,孫子,孫子的孫子都會被選中。E>F:子選擇器,只能選中E元素的子元素,不能選中E元素的孫元素<style>/* 包含選擇符(E F) */.demo div { border:1px solid #f00 } 可以選中id為a b c d的div元素/* 子選擇符(E>F) */.demo > div { border:1px solid #f00 } 只能選中id為a的div不能選中b c d元素</style><div class="demo"><div id=“a”>0<div id=“b” >1</div><div id=“c” >2</div><div id=“d” >3</div></div></div>
css選擇器中后代選擇器與子選擇器的區(qū)別?
css后代選擇器和子選擇器的區(qū)別介紹:1 css后代選擇器語法:h1 em {color:red} 表示的是從h1開始里面包含的所有的em元素變成紅色,h1為祖先,其他的em都是后代,即選中后代,不管是兒子還是孫子,只要是都會被選中,為后代選擇器。2、css子元素選擇器語法:h1>em{color:red} 表示的是從h1開始里面的第一層em元素變成紅色,h1為祖先,em為兒子,就像世襲制一樣,只能傳給兒子,孫子和其他堂親都不行
子選擇器和后代選擇器寫法是一樣的嗎?
①寫法不一樣:后代選擇器的標(biāo)識為:空格 如:ul li{width:150px} 【ul和li之間用空格隔開】子選擇器的標(biāo)識為:> 如:ul>li{width:150px}【ul和li之間用>隔開】②功能不一樣:后代選擇器是選擇ul包圍的 所以元素中的所有l(wèi)i元素,包括子元素、孫元素、曾孫元素等等等。子選擇器僅僅選擇ul包圍的 子元素中的 li元素,不包括孫元素、曾孫元素等等等。③兼容性不一樣:后代選擇器是所有瀏覽器都兼容的,都可使用。子選擇器在IE6、IE7、IE8中則是不被支持的選擇器,各自bug!
子選擇器和后代選擇器的區(qū)別?
后代選擇器的寫法就是把外層的標(biāo)記寫在前面,內(nèi)層的標(biāo)記寫在后面,之間用空格分隔。當(dāng)標(biāo)記發(fā)生嵌套時,內(nèi)層的標(biāo)記就成為外層標(biāo)記的后代。 子選擇器只對直接后代有影響的選擇器,而對“孫子后代”以及多層后代不產(chǎn)生作用。 jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。 jQuery的核心特性可以總結(jié)為:具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0 、FF
1.5 、Safari
2.0 、Opera 9.0 等。