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