一、問題：我們前面講了標簽選擇器有一個缺陷就是它不加選擇的把所有相同的標簽全都變成統一樣式，這對于我們個性化定制產生了阻礙，因此我們便引出了id選擇器，來進行特別指定進行配置樣式

二、id選擇器

1.定義：根據指定的id名稱找到對應的標簽，然后設置屬性

2.格式：

id名稱｛

屬性：值；

｝

3.例如：

遲到毀一生

早退窮三代

按時上下班

必成高富帥

4.注意：

(1)每個HTML標簽中都有一個屬性叫做id ,也就是說每個標簽都可以設置id

(2)在同一個界面中id名稱是不可以重復的

(3)在編寫id選擇器的時候一定要在id名稱前面加上#

(4)id名稱是有規范的：只能由字母、數字、下劃線組成的，且不能以數字開頭；id名稱不能以HTML標簽名來命名

(5)在企業開發中一般情況下如果僅僅是為了設置樣式，我們一般不會使用id，因為在前端開發中id是留給js使用的，可以使用類選擇器

三、類選擇器

1.定義：根據指定的類名稱找到對應的標簽，然后進行設置屬性

2.格式：

(1)寫在HTML中的與id的格式是一致的

(2)在style中：

.類名｛

? ?屬性?：值；

｝

?3.例子：

遲到毀一生

早退窮三代

按時上下班

必成高富帥

?

4.注意點：

(1)每個HTML標簽中都有一個屬性叫做class ,也就是說每個標簽都可以設置class

(2)在同一個界面中class名稱是可以重復的

(3)在編寫class選擇器的時候一定要在class名稱前面加上.

(4)class名稱是有規范的：只能由字母、數字、下劃線組成的，且不能以數字開頭；class名稱不能以HTML標簽名來命名(和id的命名規范一樣)

(5)使用類選擇器就是為了設置樣式的

(6)在HTML中每個標簽可以同時綁定多個類名

格式?：

例如：

.ppp{ font-size: 50px; } .pppp{ color:red; } .ppppp{ font-family: 微軟雅黑; }?.......(省略中間的)

實驗一下

多個類名?控制不同的屬性。

點擊【右上角，關注 子瑜說IT 】持續更新IT資訊以及web前端開發教學

8年開發老碼農福利贈送：網頁制作，網站開發，web前端開發，從最零基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端小程序項目實戰【視頻＋工具＋系統路線圖】都有整理，送給每一位對編程感興趣的小伙伴

獲取方式：

右上角有私信，請私信發我：01 即可獲取！

總結

以上是生活随笔為你收集整理的id jquery选择器 开头_HTML的id选择器类选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

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