當我們編寫CSS時，使用選擇器是一個必不可少的部分。選擇器允許我們預測CSS將應用于哪些元素。然而，選擇器的效果取決于它們在瀏覽器中的支持程度。下面是一個關(guān)于CSS選擇器的概述，以及它們在主要瀏覽器中的支持程度。

通配選擇器(*)：

通配選擇器可以匹配任何元素，它在所有瀏覽器中都有很好的支持。

* {
margin: 0;
padding: 0;
}

ID選擇器(#)：

ID選擇器可以通過元素的ID屬性來選擇元素，所有現(xiàn)代瀏覽器都支持ID選擇器。

#myElement {
background-color: blue;
}

類選擇器(.)：

類選擇器可以通過元素的class屬性來選擇元素，類選擇器也是所有現(xiàn)代瀏覽器都支持的。

.myClass {
color: red;
}

屬性選擇器([])：

屬性選擇器可以選擇具有特定屬性的元素，包括屬性值的選擇。所有現(xiàn)代瀏覽器都支持屬性選擇器。

[type="text"] {
border: 1px solid gray;
}

后代選擇器(空格)：

后代選擇器可以選擇元素內(nèi)的元素，后代選擇器在所有現(xiàn)代瀏覽器中都有很好的支持。

div p {
font-size: 16px;
color: green;
}

子選擇器(>)：

子選擇器可以選擇元素內(nèi)的直接子元素，所有現(xiàn)代瀏覽器都支持子選擇器。

ul >li {
list-style-type: none;
}

相鄰兄弟選擇器(+)：

相鄰兄弟選擇器可以選擇選定元素的下一個兄弟元素，只有較新的瀏覽器支持該選擇器。

h2 + p {
font-weight: bold;
}

通用兄弟選擇器(~)：

通用兄弟選擇器可以選擇選定元素的所有兄弟元素，只有較新的瀏覽器支持該選擇器。

h2 ~ p {
font-style: italic;
}

總之，不同類型的CSS選擇器在不同瀏覽器中的支持情況是不同的。對于較老的瀏覽器，某些選擇器可能不起作用，因此在編寫CSS時，了解CSS的選擇器和瀏覽器之間的一致性是非常重要的。