css類和后代選擇器實(shí)踐,四路選擇器功能表?
四路選擇器簡介:要使用css對(duì)HTML頁面中的元素實(shí)現(xiàn)一對(duì)一,一對(duì)多或者多對(duì)一的控制,這就需要用到CSS選擇器。
HTML頁面中的元素就是通過CSS選擇器進(jìn)行控制的。
1.1 類別選擇器
類選擇器根據(jù)類名來選擇
前面以”.”來標(biāo)志,如:
.demoDiv{
color:#FF0000;
}
在HTML中,元素可以定義一個(gè)class的屬性。
如:
<div class="demoDiv">
這個(gè)區(qū)域字體顏色為紅色
</div>
同時(shí),我們可以再定義一個(gè)元素:
<p class="demoDiv">
這個(gè)段落字體顏色為紅色
</p>
最后,用瀏覽器瀏覽,我們可以發(fā)現(xiàn)所有class為demoDiv的元素都應(yīng)用了這個(gè)樣式。包括了頁面中的div元素和p元素。
上例我們給兩個(gè)元素都定義了class,但如果有很多個(gè)元素都會(huì)應(yīng)用這個(gè)元素,那得一個(gè)個(gè)的定義元素,就會(huì)造成頁面重復(fù)的代碼太多,這種現(xiàn)象稱為“多類癥”。
我們可以改成這樣來定義。
<div class="demoDiv">
<div>
這個(gè)區(qū)域字體顏色為紅色
</div>
同時(shí),我們可以再定義一個(gè)元素:
<p>
這個(gè)段落字體顏色為紅色
</p>
</div>
這樣,我們就只是定義了一個(gè)類,同時(shí)把樣式應(yīng)用到了所有的元素當(dāng)中。
1.2 標(biāo)簽選擇器
一個(gè)完整的HTML頁面是有很多不同的標(biāo)簽組成,而標(biāo)簽選擇器,則是決定哪些標(biāo)簽
采用相應(yīng)的CSS樣式,(在大環(huán)境中你可能出于不同的位置,但是不管怎么樣,你總
是穿著同一套衣服,這件衣服就是由標(biāo)簽選擇器事先給你限定好的,不管走到哪里
都是這身衣服)比如,在style.css文件中對(duì)p標(biāo)簽樣式的聲明如下:
p{
font-size:12px;
background:#900;
color:090;
}
復(fù)制代碼則頁面中所有p標(biāo)簽的背景都是#900(紅色),文字大小均是12px,顏色為#090(綠色)
,這在后期維護(hù)中,如果想改變整個(gè)網(wǎng)站中p標(biāo)簽背景的顏色,只需要修改
background屬性就可以了,就這么容易!
1.3 ID選擇器
根據(jù)元素ID來選擇元素,具有唯一性。
前面以”#”號(hào)來標(biāo)志,在樣式里面可以這樣定義:
#demoDiv{
color:#FF0000;
}
這里代表id為demoDiv的元素的設(shè)置它的字體顏色為紅色。
我們?cè)陧撁嫔隙x一個(gè)元素把它的ID定義為demoDiv,如:
<div id="demoDiv">
這個(gè)區(qū)域字體顏色為紅色
</div>
用瀏覽器瀏覽,我們可以看到因?yàn)閰^(qū)域內(nèi)的顏色變成了紅色
再定義一個(gè)區(qū)域
<div>
這個(gè)區(qū)域沒有定義顏色
</div>
用瀏覽器瀏覽,與預(yù)期的一樣,區(qū)域沒有應(yīng)用樣式,所以區(qū)域中的字體顏色還是默認(rèn)的顏色黑色。
1.4 后代選擇器
后代選擇器也稱為包含選擇器,用來選擇特定元素或元素組的后代,后代選擇器用兩個(gè)常用選擇器,中間加一個(gè)空格表示。其中前面的常用選擇器選擇父元素,后面的常用選擇器選擇子元素,樣式最終會(huì)應(yīng)用于子元素中。
如:
<style>
.father.child{
color:#0000CC;
}
</style>
<p class="father">
黑色
<label class="child">藍(lán)色
<b>也是藍(lán)色</b>
</label>
</p>
這里我們定義了所有class屬性為father的元素下面的class屬性為child的顏色為藍(lán)色。
后代選擇器是一種很有用的選擇器,使用后代選擇器可以更加精確的定位元素。
分享一下你喜歡的書吧?
我喜歡的書中有《西游記》。
最開始接觸《西游記》,是在收音機(jī)里聽的長篇快板,當(dāng)時(shí)是把《西游記》當(dāng)做神話故事來聽的,第一次看《西游記》,也是當(dāng)做神話故事來看的。
我們都知道《西游記》在中國文學(xué)史上,歷來被稱為小說,而且與《水滸傳》、《三國演義》一樣,被列為明代三大長篇小說之一。但是我相信有很大一部分朋友在開始的時(shí)候都是把《西游記》當(dāng)做了神話故事。
而且,如果有機(jī)會(huì)閱讀英國的《大英百科全書》,我們會(huì)發(fā)現(xiàn)一個(gè)新奇的現(xiàn)象:《西游記》不是被稱為小說,而是被稱為童話,而且是世界上最長的一部古典童話。
童話這個(gè)名稱,在我國是本世紀(jì)初才從國外引進(jìn)來的,而且不同的歷史時(shí)期有不同的涵義。例如五四時(shí)期,童話是指講給兒童聽的包括歷史故事、生活故事在內(nèi)的一切故事。在當(dāng)今世界,它通常是指那些切近兒童心理的、幻想性特強(qiáng)的敘事文學(xué)作品。如果拿今天這樣的標(biāo)準(zhǔn)和尺度再回過頭去看我國古代的文學(xué)作品,那么我們就會(huì)發(fā)現(xiàn),雖然我國古代沒有童話這個(gè)名稱,但實(shí)際上稱得上童話的作品是不少的。
例如魏晉南北朝的志怪小說中,有一些實(shí)際上是童話;唐宋傳奇、明清筆記小說中,有的也是童話。即使是被后人稱為古典短篇小說之王的清代蒲松齡的《聊齋志異》中,《促織》、《嶗山道士》等等很多為人們熟知的名篇,實(shí)際上也都是出色的童話。
同樣,《西游記》這一部被我們習(xí)慣稱為古代杰出的長篇小說,如果用童話的特征去衡量,我們也會(huì)發(fā)現(xiàn),除了其中一孩子們比較難懂的詩詞外,故事本身幻想性極強(qiáng),有強(qiáng)烈的趣味性,人物形象塑造鮮明突出,而且粗線條化,能切近兒童心理,確實(shí)也可以說是一部出色的長篇童話,而且是世界上最長的一部古典童話。
說《西游記》是一部長篇童話,其實(shí)還可以從孩子們的閱讀興趣中得一個(gè)旁證。童話從來是兒童的天使,世界上沒有一個(gè)國家、地域的兒童是不喜歡童話的。正因?yàn)槿绱耍栋册闵挕贰ⅰ陡窳滞挕凡疟环g為數(shù)十種語言,在全世界世世代代的兒童中流傳不衰,永葆青春。而《西游記》在我國和世界其他各國孩子的心中,也確實(shí)差不多有上述那童話名著的地位。如果拿它與《水滸傳》、《三國演義》和《紅樓夢(mèng)》這些著名的古典長篇小說相比,那么,最受小讀者喜歡的一定是《西游記》。因此,根據(jù)它的內(nèi)容改編的《大鬧天宮》、《豬八戒吃西瓜》等美術(shù)電影都在我國兒童中風(fēng)靡一時(shí)。
由此可見,《大英百科全書》把《西游記》列為世界上最長的一部古典童話,是很有道理的,而我們?cè)S多朋友在開始接觸《西游記》時(shí)當(dāng)做神話故事來看待也是有同樣的道理。
LEE的視野 專注于從浩瀚的歷史海洋里拾起一顆顆璀璨的珍珠,豐富頭腦、大開眼界、陶冶情操,進(jìn)而透過紛繁絢爛的人文史話,看盡世間的滾滾紅塵。
css復(fù)合選擇器有哪三種?
1、元素選擇器 標(biāo)簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時(shí)選中多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復(fù)合選擇器(交集選擇器)
作用:選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時(shí)元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點(diǎn)擊時(shí)元素的狀態(tài)
10、 屬性選擇器
作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個(gè)元素后緊挨著的指定的兄弟元素
語法:前一個(gè)+后一個(gè)(作用在后一個(gè))
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個(gè)~后邊所有
有哪些古風(fēng)耽美小說值得推薦?
1.《十年》 作者:暗夜流光 耽美文的中流砥柱,獨(dú)具特色的描寫對(duì)耽美文的發(fā)展做出了重要貢獻(xiàn)!
簡介:密密的心緒瘋長成深藍(lán)色的森林,在其中徘徊來去的只有我。除了忍耐,還是忍耐,我看到自己的心,在黑夜里孤獨(dú)的盛開、腐朽和頹敗。耗盡整個(gè)青春,我一直在問什么是愛,即使在十年后的現(xiàn)在,我仍然弄不明白。我們還活著,你還在我旁邊,還可以觸摸,還可以依偎,這不是生活的全部,卻讓我們沉溺得永不超生。又何必再問,我和你都沒有說過的那個(gè)字,冷與暖從此只由身體感知。
2.《天神右翼》 作者:天籟紙鳶 耽美文中的經(jīng)典之作!06年發(fā)表后,在晉江文學(xué)城獲得點(diǎn)擊過1200萬、評(píng)論過20萬、長評(píng)過450個(gè)!擁有巨大人氣!
簡介:以基督教的圣經(jīng)與創(chuàng)世紀(jì)神話為藍(lán)本、路西法叛變墮天為主線,描寫了大天使長米迦勒與傲慢魔王路西法的愛戀,同時(shí)穿插了父神與子嗣天使眾多創(chuàng)世紀(jì)神話角色的故事。
3.《鳳于九天》 作者:風(fēng)弄 耽美文中的另一經(jīng)典之作!情節(jié)巧妙,文風(fēng)唯美,字里行間耐人尋味!
語句:.媚姬輕搖首,“他這樣緊緊的抱住我,只是因?yàn)樗ε隆km然他什么也沒說,但是我可以感到他的肩膀和手在不住顫抖。即使在他重傷即將斃命的那一刻,他也沒有這樣脆弱過。他就這樣抱著我,抱了很久,最后,終于問了我一句話。”
4.《庸君》 作者:公子歡喜 古典耽美的經(jīng)典之作!細(xì)膩的筆鋒,唯美的語句,古典意味十足!
書評(píng):庸君,仍是平凡的故事,平凡的君王,好命的君王..連帶愛情,也是那樣的平淡..修得幾度同舟漣漪蕩漾,寧熙燁,陸恒修,恰是修了好幾世的RP呢..
5.《怎見浮生不若夢(mèng)》作者:seeter水天 當(dāng)年耽美界紅文之首,盛況空前。開一代“浮生若夢(mèng)”系耽美文先河!男主角迫受讀者喜愛!
評(píng)價(jià):古有海倫傾國,今有浮生亂世。——淺淺寂寞
6.《千山看斜陽》作者:滿座衣冠勝雪 寫作手法細(xì)膩,感情豐富,耽美文中的經(jīng)典!
簡介:他曾是現(xiàn)代的特種部隊(duì)司令官,為一代名將,卻被敵人暗算,收買了他的副官,將他引入埋伏。他寧死不降,將自己炸得粉身碎骨。剛烈的氣勢令他直接去到了古代,卻進(jìn)入了一個(gè)武生的身體中,從此開始了另一段慘烈而又豪氣的人生……西風(fēng)烈,長空雁叫霜晨月。霜晨月,馬蹄聲碎,喇叭聲咽。雄關(guān)漫道真如鐵,而今邁步從頭越。從頭越,蒼山如海,殘陽如血。
7.《重生之名流巨星》 作者:青羅扇子 小說里有很多吸引人的故事,文風(fēng)具有人文主義風(fēng)格,被譽(yù)為明星勵(lì)志重生小說里程碑。
簡介:今生今世,何其有幸,得以遇見你。從人氣新人到事業(yè)低谷,從角逐影帝到被冷藏封殺,是逢場作戲還是戲假情真?是攜手共進(jìn)還是互相利用?他到底能否實(shí)現(xiàn)自己的夢(mèng)想?然,人生得一人,能共進(jìn)退同風(fēng)雨,卻已足矣。
8.《唇諾》 作者:冠蓋滿京華 被網(wǎng)友評(píng)為最扣人心弦,最刻骨銘心的男人故事!
描寫了上世紀(jì)七十年代兩個(gè)男孩的愛情,從高中到大學(xué),他們互相愛護(hù)過傷害過最后終于走到了一起,青澀的少年,純潔的情感,干凈的故事。
9.《如意蛋》 作者:大風(fēng)刮過 文筆細(xì)膩,幽默風(fēng)趣,構(gòu)思巧妙!
簡介:偶然之下,碧華靈君得到一顆由如意玉所化成的蛋,稱做如意蛋,號(hào)稱能令持有者心想事成,想孵出什么就能孵出什么!全天界都知道碧華靈君不愛鳥禽類的靈獸,但誰也沒想到他會(huì)孵出一只毫不起眼的靈虎。若只是只不起眼的靈虎也罷,可為何這只靈虎東蹭蹭西湊湊,總愛招惹府中其他靈獸?莫非如意蛋孵出來的靈獸連喜好都會(huì)被孵化者影響?但、但但……碧華靈君怎么也沒想過,他孵化的如意蛋,會(huì)是那種東西啊……
10.《目標(biāo)系列》作者:米洛 連載十年,是強(qiáng)強(qiáng)文的經(jīng)典之作!
這篇小說講了立場對(duì)立的兩個(gè)人逐漸步入婚姻殿堂的故事。一個(gè)是華裔國際刑警,一個(gè)是走私軍火的奧地利公爵,兩個(gè)人在較量中逐漸被對(duì)方吸引。只因?yàn)槭悄悖冶懔x無返顧。