CSS選擇符說明_基礎教學

一、類型選擇子
body
{
  font-size:12px;
}

{
  color:blue;
}
　　指對網頁中已有的標籤類型作為名稱的選擇符，如上表示：body標籤內的所有文字大小為12px;段落內的文字顏色為藍色。
　　二、群組選擇符
h4,p,span
{
  font-size:12px;
}
　　表示頁面所有的h4,p,span標籤內文字都為12px大小，即對一組物件進行相同的樣式指定，每個標籤之間以逗號分隔開來。
　　三、包含選擇符
div p
{
  font-weight:bold;
}
　　表示div標籤裡邊的p標籤內的文字為粗體字、這是一種包含關係，每個標籤之間用空格隔開，可以為多層包含。
　　四、id和class選擇符
　　id是對頁面中的唯一元素進行樣式定義，這個樣式在頁面中只使用一次、即id不重複

..

#myDiv
{
  font-size:12px;
}
　　class定義的是通用或常用的樣式，一種樣式在一個頁面中需要出現多次，即可以為不同的標籤指定相同的class，如下表示：div和p標籤內的字體都是藍色

div>

..

.red
{
  color:blue;
}
　　五、組合選擇子
使用id或class，同時也使用標籤來進行組合
h1 #cont
{
}
　　表示id為cont的h1標籤
h1 .cont
{
}
　　表示所有class為cont的h1標籤
　　六、偽類選擇符
　　常見為a標籤
a:link
{
}
a:hover
{
}
a:visited
{
}
　　七、通配選擇子
*
{
  color:blue;
}
表示所有物件的字體都是藍色。