記得在單選時(shí),每組name的屬性值要一致,否則將單選無(wú)效。
2014-11-12
display:block;變?yōu)閴K狀元素
display:inline;變?yōu)樾袃?nèi)元素
display:inline;變?yōu)樾袃?nèi)元素
2014-11-12
相同點(diǎn):可以應(yīng)用于任何元素
不同點(diǎn):
1、ID選擇器只能在文檔中使用一次。與類選擇器不同,在一個(gè)HTML文檔中,ID選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。
不同點(diǎn):
1、ID選擇器只能在文檔中使用一次。與類選擇器不同,在一個(gè)HTML文檔中,ID選擇器只能使用一次,而且僅一次。而類選擇器可以使用多次。
2014-11-12
不錯(cuò),之前我遇到過(guò)這個(gè)問(wèn)題,最后無(wú)奈采用內(nèi)置樣式表,這一節(jié)完美解決!
2014-11-12
優(yōu)先級(jí):內(nèi)聯(lián)式 > 嵌入式 > 外部式
但是嵌入式>外部式有一個(gè)前提:嵌入式css樣式的位置一定在外部式的后面。如右代碼編輯器就是這樣,<link href="style.css" ...>代碼在<style type="text/css">...</style>代碼的前面(實(shí)際開(kāi)發(fā)中也是這么寫的)。感興趣的小伙伴可以試一下,把它們調(diào)換順序,再看他們的優(yōu)先級(jí)是否變化。
其實(shí)總結(jié)來(lái)說(shuō),就是--就近原則(離被設(shè)置元素越近優(yōu)先級(jí)別越高)。
但是嵌入式>外部式有一個(gè)前提:嵌入式css樣式的位置一定在外部式的后面。如右代碼編輯器就是這樣,<link href="style.css" ...>代碼在<style type="text/css">...</style>代碼的前面(實(shí)際開(kāi)發(fā)中也是這么寫的)。感興趣的小伙伴可以試一下,把它們調(diào)換順序,再看他們的優(yōu)先級(jí)是否變化。
其實(shí)總結(jié)來(lái)說(shuō),就是--就近原則(離被設(shè)置元素越近優(yōu)先級(jí)別越高)。
2014-11-12
包含(后代)選擇器和子選擇器的區(qū)別:
子選擇器(child selector)僅是指它的直接后代;而后代選擇器是作用于所有子后代元素。
后代選擇器通過(guò)“空格”來(lái)進(jìn)行選擇,而子選擇器是通過(guò)“>”進(jìn)行選擇。
總結(jié):>作用于元素的第一代后代,空格作用于元素的所有后代。
子選擇器(child selector)僅是指它的直接后代;而后代選擇器是作用于所有子后代元素。
后代選擇器通過(guò)“空格”來(lái)進(jìn)行選擇,而子選擇器是通過(guò)“>”進(jìn)行選擇。
總結(jié):>作用于元素的第一代后代,空格作用于元素的所有后代。
2014-11-12