翻譯《CSS權威指南》第3版第2章 2.1.2 元素選擇符

來源:互聯網
上載者:User
2.1.2. 元素選擇符

選擇符不出意外的話就是 HTML 元素,但事事無絕對。比如說,一個 CSS 檔案所含的樣式用於一個 XML 文檔的情況時,選擇符有可能會是像這個樣子:

QUOTE {color: gray;}
BIB {color: red;}
BOOKTITLE {color: purple;}
MYElement {color: red;}


也就是說,文檔中的元素就是最基本的選擇符。在 XML 中,選擇符可以是其中任何一個元素,只要是在 XML 這種新標記語言中任何一個元素名稱。而另一方面,如果是為 HTML 文檔應用的樣式,選擇符就一般是HTML 元素中的一個。如 p、 h3 、em、a、或甚至是 html 本身。例如:

html {color: black;}
h1 {color: gray;}
h2 {color: silver;}
 


樣式表的結果顯示在圖 2-2。


圖2-2 在簡單的文檔中簡單的樣式


一旦你直接對元素應用了樣式(全域)的話,你就可給那些樣式進行從一個元素到另一個元素的“換檔”(shift)[1]。比如說你想要應用的是段落中的文字,而非 H1 元素,那麼圖 2-2將會是灰字。簡單。只要把選擇符 h1 改為 p 就行了:

html {color: black;}
p {color: gray;}
h2 {color: silver;}

所示的結果見圖 2-3。

圖 2-3 樣式會隨著元素的改變而更換

譯註1:這裡的 shift 應該是作者的雙關語。就像開車換檔位一樣。

http://bbs.blueidea.com/thread-2789105-1-1.html

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.