你不得不掌握的css選擇器

前言

什么是 css 選擇器呢？首先，css 是 Cascading Style Sheet（層疊樣式表）的簡稱，CSS 技術用來美化 html 頁面，來達到所預期的效果。而 css 選擇器則可以幫助我們選中需要添加樣式的特定標簽。

選擇器分類

在這里將選擇器分為兩大類：基本選擇器和高級選擇器

一、 基本選擇器

二、高級選擇器

選擇器用法

由于選擇器過多，這里只簡單介紹幾種常用的選擇器

通配符選擇器

通配符選擇器經常用于樣式的初始化，比如筆者經常用到的

上述樣式表示去除掉所有元素默認的 margin、padding 值，優點是簡單粗暴一次性完成所有元素的樣式重置，缺點是不能精準控制

2. 標簽選擇器

選擇我們所需要的標簽并設置樣式,這里會選擇所有該標簽元素并改變樣式

效果：

3. 類選擇器

給標簽取 class 名，以點（.）加 class 名開頭，選擇所有該 class 名的元素

效果：

4. id 選擇器

給標簽取 id 名，以#加 id 名開頭，具有唯一性，選擇”id = ‘wrap’”的元素

效果：

5. 子選擇器

以>隔開父子級元素

效果：

6. 后代選擇器

以空格隔開包含關系的元素

效果：

7. 兄弟選擇器

以~隔開兄弟關系的元素，所有兄弟元素

效果：

8. 相鄰選擇器

以+隔開相鄰關系的元素,只有一個

效果：

9. 屬性選擇器

[type=text]修飾屬性為type=text的元素

效果：

總結

熟練掌握 css 選擇器的運用，將會為我們對頁面的控制做到手到擒來，減少彎路。

云搜索服務 CSS

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。