CSS中的特殊符号

2012-10-18 23:50:00

1.如div{...}會給所有的<div></div>增加樣式。

2.名前井号“#”：對應html中的标簽的id屬性，寫法為#name。如#p1{...}會給<p id="p1">ID is p1</p>增加樣式。

3.名前小數點“.”：對應html中标簽的class屬性，寫法為.name。如.p2{...}會給<p class="p2">CLASS is p2</p>增加樣式。

4.中間空格“ ”：關系到html标簽的層次，寫法為css css[ css[... css]]，可以設多層。如DIV #p1 .span1{...}

則會給<div><p id="p1"><span class="span1"></span></p></div>中最内部的span1增加樣式。

這樣寫的CSS必須嚴格遵守CSS與HTML标簽層次，以下情況不會被這條CSS所應用：

5.中間逗号“,” ：表示并列關系，即該CSS有多個名稱（可以精簡重複的CSS樣式）

如body,form,div{...}會為所有的<body></body>、<form></form>、<div></div>增加樣式

6.名後冒号“:”：一般是指狀态

如a:hover表示當滑鼠懸停在a标簽上時使用的樣式

7.style中點代表類class,#代表id,也可以注釋

h1代表html中的元素

tr.hr代表元素的子元素

原文：

<a href="http://zhidao.baidu.com/question/200642163.html">http://zhidao.baidu.com/question/200642163.html</a>

http://hi.baidu.com/wozengcong2012/item/efbd49a38712ffd95bf191b1

繼續閱讀