[計算機]css選擇器筆記-全文預(yù)覽
【正文】 json格式的發(fā)明人Douglas Crockford，提出了一個object()函數(shù)，可以做到這一點?！ 。它的做法與前一種情況完全不同。 alert()?！ = p。然后，再寫一個函數(shù)，實現(xiàn)屬性拷貝的目的。6. 拷貝繼承上面是采用prototype對象，實現(xiàn)繼承。函數(shù)體最后一行 = ?！ ar cat1 = new Cat(大毛,黃色)?！ ?= new F()?！ lert()?！ ?= new F()。！ alert()。 // 動物與前一種方法相比，這樣做的優(yōu)點是效率比較高（不用執(zhí)行和建立Animal的實例了），比較省內(nèi)存?！ ?= 。3. 直接繼承prototype由于Animal對象中?？傊@是很重要的一點，編程中務(wù)必要遵守。原來，任何一個prototype對象都有一個constructor屬性，指向它的構(gòu)造函數(shù)。 // 動物代碼的第一行，我們將Cat的prototype對象指向一個Animal的實例?！ ?= new Animal()?！ var cat1 = new Cat(大毛,黃色)。 = color。 } （完）上一次的文章，主要介紹了如何 封裝數(shù)據(jù)和方法，從原型對象生成實例?！ lert(name in cat1)。 //true hasOwnProperty() 每個實例對象都有一個hasOwnProperty()方法，用來判斷某一個屬性到底是本地屬性，還是繼承自prototype對象的屬性?！ lert( == )?！ ar cat2 = new Cat(二毛,黑色)?！ = 貓科動物。這個對象的所有屬性和方法，都會被構(gòu)造函數(shù)的實例繼 承。這樣既不環(huán)保，也缺乏效率?！ lert()?！ ?= function(){alert(吃老鼠)。請看，我們現(xiàn)在為Cat對象添加一個不變的屬性type（種類），再添加一個方法eat（吃老鼠）。 //trueJavascript還提供了一個instanceof運算符，驗證原型對象與實例對象之間的關(guān)系。 // 大毛 alert()。 } 我們現(xiàn)在就可以生成實例對象了。所謂構(gòu)造函數(shù)，其實就是一個普通函數(shù)，但是內(nèi)部使用了this 變量?！ unction Cat(name,color){ return { name:name, color:color } } 然后生成實例對象，就等于是在調(diào)用函數(shù)： var cat1 = Cat(大毛,黃色)?！ ?= 黑色?！ ?= 大毛。, color : 39。但是，它又不是一種真正的面向?qū)ο缶幊?（OOP）語言，因為它的語法中沒有class（類）。它們都是非常優(yōu)秀的 Javascript讀物，推薦閱讀。 }十、CSS 3的反選偽類序 號選擇器含義43.E:not(s) 匹 配不符合當前選擇器的任何元素實例：:not(p) { border:1px solid ccc。 }tr:nthlastchild(2) { background:ff0。 }p:nthchild(even) { color:f00。 }七、CSS 3 屬性選擇器序 號選擇器含義25.E[att^=”val”] 屬 性att的值以val開頭的元素26.E[att$=”val”] 屬 性att的值以val結(jié)尾的元素27.E[att*=”val”] 屬 性att的值包含val字符串的元素實例：div[id^=nav] { background:ff0。 background:url() norepeat 0 0。 }.cbb:before { content:。 color。 background:ffe。 }p[lang|=en] { color:f00。以下同。 }div strong { color:f00。 }pinfo { background:ff0。 } { background:ff0。CSS選擇器筆記一、基本選擇器序 號選擇器含義1.* 通用元素選擇器，匹配任何元素2.E標簽選擇器，匹配所有使用E標簽的元素3..infoclass選擇器，匹配所有class屬性中包含info的元素4. footer id選擇器，匹配所有id屬性等于footer的元素實例：* { margin:0。 }.info { background:ff0。 }info { background:ff0。 }nav a { fontweight:bold。（注意：E在此處可以省略，比如“[cheacked]”。 }td[headers~=col1] { color:f00。 }input[type=text]:focus { color:000。 }五、 CSS 序
物理相關(guān)推薦
鄂ICP備17016276號-1