學習筆記 CSS選擇器

2021-09-29 12:09:20 字數 362 閱讀 2134

1)元素選擇器:1.id選擇器,2.類選擇器,3.標籤選擇器,4.萬用字元選擇器

2)關係選擇器:1.包含關係 e f (e的所有f後代)2.子代選擇 e!important > 內聯樣式 > id > 屬性=類=偽類 > 元素=偽元素=關係 > 萬用字元 > 繼承 > 瀏覽器預設屬性

內聯樣式 特殊性:1000

id 特殊性:100

屬性=類=偽類 特殊性:10

元素=偽元素=關係 特殊性:1

萬用字元 特殊性:0

繼承 特殊性:null

多個選擇器可根據特殊性相加來判斷優先順序

css選擇器從右往左解析

優點:減少css解析節點;從右往左解析尋找的都是父節點,無需等待

CSS學習筆記 選擇器

用過css的同志們都知道,選擇器是非常重要的,如果選擇器使用不當,即使你的css寫的再好,但是不知道要用在哪個元素上,這不是英雄無用武之地嗎?css,用過的都說好!最基本的選擇器,id選擇器,類選擇器這些大家早已心知肚明的就不在這裡贅述了,有那功夫趕緊研究一下把妹攻略 link,visited被稱為...

css選擇器學習筆記

概念 層疊樣式表 同乙個樣式都作用於同乙個元素 設定網頁外觀 注意 如果同乙個樣式同時作用於同乙個元素,最終樣式決定於樣式的優先順序 css選擇器 可以使css樣式與元素進行分離 作用 減少 冗餘 方便後期維護 語法 選擇器 注意 符號都是英文的,符號必須寫 行間樣式 語法 標籤名 style 樣式...

CSS學習筆記 選擇器

行內新增 內嵌新增 單獨檔案 link tab 標籤選擇器 h1 p 類別選擇器 class id選擇器 id 選擇器的巢狀,用空格 p span 集體申明,標籤用逗號連線 p,h1 全域性申明,固定寬度 960px 980px 1190px 1210px 流式布局 100 響應式布局 檢測裝置資訊...