css選擇器

css選擇器主要包括

一、全局選擇器

*{margin:0px;padding:0px;border:0px;	}

一般用於統一和初始化工作
二、標記選擇器

body{}
div{}
p{}

a{}

用的比較少吧，因爲一旦確定，所有頁面的樣式都按照這個樣式進行。但是超鏈接還是用的比較多的。

三、類選擇器

.Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}

本選擇器應該是用的最多的選擇器，因爲其可以多次用，和類的作用相似：一次定義可以多次使用，也許這就是爲什麼要類選擇器的原因吧。
四、ID選擇器

#Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}

一般用在特殊的元素上，防止與其他選擇器發生衝突。

五、分組選擇器

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

分組選擇器主要用於多個對象共用相同的樣式，以減少不必要的字節和簡化代碼，定義時用逗號隔開。
六、包含選擇器

主要用於父元素下面的子元素的樣式用空格隔開，如上面的ul就是div.menu 的子元素，li是ul的子元素

七、相鄰選擇器

div+p{font-size:20px;color:red;font-weight:bold;}

上面代碼定義了所有div對象之後的p對象都有該樣式。
八、子選擇器

.test>strong{color:red}

應用於父對象下的子元素

九、屬性選擇器

比較複雜，在此不介紹

十、僞類選擇器

可以看成特殊的類選擇器，最大作用是可以用於連接的不同狀態的樣式定義。

a:link{}

a:visited{}

a:hover{}

a:active{}

 

在vs2010上實現智能提示ctr+j 就能實現css的提示了