CSS層疊樣式的學習[2]

來源:互聯網
上載者:User
css

1.規則

選擇符

任何HTML元素都可以是一個CSS1的選擇符。選擇符僅僅是指向特別樣式的元素。例如,

P { text-indent: 3em }

當中的選擇符是P

類選擇符

單一個選擇符能有不同的CLASS(類),因而允許同一元素有不同樣式。例如,一個網頁製作者也許希望視其語言而定,用不同的顏色顯示代碼 :

code.html { color: #191970 }code.css  { color: #4b0082 }

以上的例子建立了兩個類,csshtml,供HTML的CODE元素使用。

CLASS屬性是用於在HTML中以指明元素的類,例如,

P.warning { font-weight: bolder; color: red; background: white }

<P CLASS=warning>
ID選擇符

ID 選擇符個別地定義每個元素的成分。這種選擇符應該盡量少用,因為他具有一定的局限。

一個ID選擇符的指定要有指示符"#"在名字前面。例如,ID選擇符可以指定如下:

#svp94O { text-indent: 3em }

這點可以參考HTML中的ID屬性:

<P ID=svp94O>文本縮排3em</P>
 
關聯選擇符
 

關聯選擇符只不過是一個用空格隔開的兩個或更多的單一選擇符組成的字串。

這些選擇符可以指定一般屬性,而且因為層疊順序的規則,它們的優先權比單一的選擇符大。

例如, 以下的上下文選擇符

P EM { background: yellow }

P EM。這個值表示段落中的強調文本會是黃色背景;而標題的強調文本則不受影響。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。