css中的選擇器

1.標簽選擇器，作用與當前頁面所有匹配標簽

這里以p標簽為例：

???p{
??????color:?blue;
???}

< p>…</p>

2.類選擇器，作用于當前頁面所有class值為red的標簽

例：
?.red{
???????color:?red;
?}

<p class=”red”></p>

?

3.id選擇器，作用于擁有唯一標識符id屬性的標簽

例：

#name{

???????? color:green;

}

<p id=”name”></p>

?

?

4.偽類選擇器

(1)默認鏈接狀態

a:link{

??? color: yellow;

}

(2)已訪問狀態

a:visited{

??? color: darkgray;

}

(3)鼠標懸浮狀態

a:hover{

??? color: red;

}

(4)鼠標點擊時的狀態

a:active{

??? color: orange;

}

????</style>

???

5. 加空格 后代選擇器

?

6.加尖括號>，子代選擇器

?

7. 并集選擇器

??????? #left，#right，#center{

??????????? height: 100px;

??????????? float: left;

??????? }

?

8.通用選擇器

注意：通常不建議使用通配選擇符，因為它會遍歷并命中文檔中所有的元素，出于性能考慮，需酌情使用

* {

?? color: #f00;

}

?

轉載于:https://www.cnblogs.com/liuyuancheng/p/7252646.html

總結

以上是生活随笔為你收集整理的css中的一些常用选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。