id 選擇器是用 「#」 號加 id 名稱 *** 來表示，用來選擇 html 中 id=「***」 的 dom 元素
hello world#contenttips：id 選擇器只能對乙個元素生效，同乙個頁面裡不允許出現兩個 id 相同的元素
類 選擇器是用 「.」 號加 class 名稱 *** 來表示，用來選擇 html 中class=「***」 的 dom 元素
#list-itemtips：類選擇器會選擇到所有類名相同的 dom 元素，沒有數量限制
通配選擇器使用星號來選擇到頁面裡所有元素。用法如下：
*作用 html 中某一種類的標籤
h1通過 dom 的屬性來選擇該 dom 節點，屬性選擇器是用中括號 「」 包裹，比如
a[href]主要有以下幾種形式：
.[attr]，用來選擇帶有 attr 屬性的元素，如剛提到的 a [href]
.[attr=***]，用來選擇有 attr 屬性且屬性值等於 *** 的元素，如選擇所有文字型別的輸入框
// css：
input[type=text]
.[attr~=***],選擇屬性值中包含 *** 的元素,但一定是空格分隔的多個值中有乙個能和 *** 相等才行
// css：
input[class~=input]
我是紅色
我是綠色
我是藍色
我是黑色，不是以color-開頭的
// css：
div[class|=color]
.[attr$=***]，用正則匹配的方式來選擇屬性值以 *** 結尾的元素（select不會生效）
禁用的按鈕
// css：
[class$=disabled]
.[attr*=***],用正則匹配的方式來選擇屬性值中包含 *** 字元的所有元素，它對所有帶這個單詞的屬性都會生效，哪怕是 class=「i-am-a-disabled-element」 的元素都可以
tips:屬性選擇器很靈活，如果能使用 css 代替 js 解決一些需求，可以不用太糾結效能的問題，用 js 實現也一樣要耗費資源的
CSS選擇器之基礎選擇器
選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說，就是選擇標籤用的。標籤選擇器 又稱元素選擇器，指用html標籤作為選擇器，為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式，只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...
CSS 選擇器之基礎選擇器
id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器，是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤，且標籤的id屬性值不同，然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...
CSS基礎選擇器 類選擇器 id選擇器
選擇器的作用 根據不同的需求把不同的標籤選出來 是由單個選擇器組成的 包括 標籤選擇器 類選擇器 id選擇器 萬用字元選擇器 1 標籤選擇器 指用html標籤名稱作為選擇器，按標籤名稱分類，為頁面中某一類標籤指定統一的css樣式。優點 能夠快速為頁面中同型別的標籤統一設定樣式。缺點 不能設計差異化樣...