CSS選擇器分類整理
讀完《CSS權威指南》,對選擇器有如下整理:
selector
選擇器型別:
<!-- 實體,即HTML中存在 --> 1.通配選擇器 * 匹配任意 2.類選擇器 .class 3.ID選擇器 #id 4.屬性選擇器 element[rep] (不常用) 4.屬性選擇器 element[rep] (不常用) <!-- 虛體,即HTML本身不存在 --> 1.偽類(一些在某種行為會被自動定義的類,有點類似遊覽器會自動幫我管理這些內建類) <!-- 表現 --> 1.link 2.visited 3.focus 4.hover 5.active <!-- 結構 --> 1.first-child(元素中的第一個子元素) 2.偽元素(向文件中插入的假想元素) <!-- 表現 --> before after
選擇器規則:
<!-- 選擇器組合 -->
1.分組 逗號分隔(相同屬性聚集)
2.交集
<!-- 文件結構 -->
1.後代選擇器 空格
2.子代選擇器 >
3.兄弟選擇器 +
相關推薦
CSS選擇器分類整理
讀完《CSS權威指南》,對選擇器有如下整理: selector 選擇器型別: <!-- 實體,即HTML中存在 --> 1.通配選擇器 * 匹配任意 2.類選擇器 .class 3.ID選擇器 #id 4.屬性選擇器 element[rep] (不常用) 4.屬性選擇器 element[re
css選擇器簡單整理
簡單整理關於css選擇器的一些內容, 大體上直觀以符號觀察是: , —— 選擇器分組 . —— 類選擇器 # —— ID 選擇器 [] —— 屬性選擇器 空格 —— 後代選擇器 > —— 子元素選擇器 + —— 相鄰兄弟選擇器 一、元素選擇器 選擇器通
轉載:CSS選擇器知識點整理.
1、class 和 id 的使用場景? id:指定標籤的唯一標識。根據提供的唯一id號,快速獲取標籤物件。如:document.getElementById(id)。id屬性的值,在當前的page頁面要是唯一的。 class:指定標籤的類名。CSS操作,把一些特定樣
CSS選擇器分類
CSS選擇器的分類: 1.標籤選擇器(標籤名):作用於當前頁面所有匹配標籤2.類選擇器(.+屬性):作用於當前頁面所有class值為red的標籤 3.ID選擇器(#+ID名):作用於當前頁面所有ID值為price的標籤,ID在當前頁面具有唯一性 <!DOCTYPE h
CSS選擇器的簡單整理
css p s 一起 .class 插入 必須 gin 瀏覽器 true 標簽選擇器 直接選擇標簽 p{ //聲明 } 2. 類選擇器 給元素設置一個className,通過.className選擇到相同className的元素 classNa
Css選擇器的分類
這次實驗主要熟悉css中的後代選擇器:nth-child,nth-of-type , >, (空格), + 之類的用法:複合選擇器:後代選擇器: p span {font-size: 14px;} 選擇p元素的所有子孫元素中的span元素子女選擇器: p>spa
CSS基礎:基本選擇器分類和使用
1、萬用字元選擇器(*) *{ marigin: 0; padding: 0; } //ul元素下的所有元素 ul *{border:1px solid blue;} 2、元素選擇器(Element) li {backgrou
css選擇器的分類及優先順序計算方法…
首先宣告一下CSS三大特性—— 繼承、 優先順序和層疊。繼承即子類元素繼承父類的樣式;優先順序是指不同類別樣式的權重比較;層疊是說當數量相同時,通過層疊(後者覆蓋前者)的樣式。 css選擇符分類 首先來看一下css選擇符(css選擇器)有哪些? 1.標籤選擇器(如:body,div,p,
css 選擇器型別分類
今天回憶特殊性的時候,突然被大片的選擇器名稱搞混了。。腦袋不好。還是整理下。 首先是簡單的兩種選擇器: 1,id選擇器,就是帶#的,只能在頁面裡被引用一次。 2,類選擇器,就是帶.的,可以多次應用。 3,其次是型別選擇器(也叫簡單選擇器)類似p a h1 div等等元素。 4
CSS的選擇器分類
http://www.cnblogs.com/webblog/archive/2009/07/07/1518274.html 最近在研究jQuery的選擇器,大家知道jQuery的選擇器和css的選擇器非常相似,所以整理一下css選擇器; css1-css3提供非常豐
CSS選擇器-常用搜集
優先級規則 id選擇器 前端 類選擇器 -c 順序 col 通過 結果
關於選擇器的整理
條目 基於 匹配 目標 語法 伸縮性 第一個 鏈接 瀏覽器 選擇器可以采用多種方式,提供一個可伸縮性來匹配文檔中的各種標記,下面整理一下常用的選擇器類型: 1、元素選擇器 元素選擇器是最常見,最易理解的選擇器,元素選擇器選擇匹配選擇器的網頁上的任何HTML元素,不
通過css選擇器class給元素添加cursor的坑
tex height ssh 等於 light help 通過 first foo 筆者在chrome中遇到了奇特的問題,在通過class給元素添加cursor的自定義圖片時。出現了"Invald property value"提示,crosshair、help等屬性值可以
CSS 選擇器
ade popu type tle baseline 有著 tar name fcm 1、ID選擇器2、CLASS選器3、屬性選擇器 能夠為擁有指定屬性的 HTML 元素設置樣式,而不僅限於 class 和 id 屬性。凝視:僅僅有在規定了 !DOCTYPE 時。IE7
CSS選擇器的權重與優先規
屬性 元素選擇器 1=1 style div 我們 表達 等級 nav 我們把特殊性分為4個等級,每個等級代表一類選擇器,每個等級的值為其所代表的選擇器的個數乘以這一等級的權值,最後把所有等級的值相加得出選擇器的特殊值。 4個等級的定義如下: 第一等:代表內聯樣式,如: s
css選擇器
tro hover best 屬性選擇器 後代選擇器 clas 類名 ext 屬性 選擇器有哪些??1.id選擇器(#myid)2.類選擇器(.myclassname)3.標簽選擇器(div,h1,p)4.相鄰選擇器(h1+p)5.子選擇器(ul < li)6.後代選
CSS選擇器手冊
active http enable class pty body -o con :hover CSS選擇器手冊 選擇器 選擇器名稱 例子例子描述CSS E.class 類選擇器 E.intro 選擇 class="intro" 的所有E元素。
css選擇器的優先級
img 訪問 lac 數字 .cn span 大於 百分比 class選擇器 版權聲明:本文為博主原創文章,未經博主允許不得轉載。 Css01 一、CSS簡介 a)Cascading Style Sheets 層疊樣式表(級聯樣式表) b)是一個文本文件,不需要編譯
css選擇器入門
block 狀態 標簽 高級 auto src ext logs 選擇 (1)id選擇器(只舉一例) (2)類選擇器(只舉一例) (3)標簽選擇器(高級:屬性選擇器) 1)普通標簽選擇器:(只舉一例) 2)高級標簽選擇器:屬性選擇器(只舉一例
KHL 001 11-計算機-本職-前臺 CSS選擇器
計算機 images gin visit 偽類 :active code png css3 CSS3 選擇器分類 動態偽類選擇器 錨點偽類的設置順序必須遵守一個”LoVe/HAte”原則,也就是說正確的設置順序為: a:link、a:visited、a: