”交集“選擇器和“並集”選擇器
有兩種情況:”交集“選擇器、“並集”選擇器
1。“交集”選擇器:由兩個選擇器直接連線構成,其結果是選中二者各自元素範圍的交集,其中第一必須是標記選擇器,第二個必須是類別選擇器或者ID選擇器,兩個選擇器之間不能有空格,必須連續書寫
如:h3.class{color:red;font-size:23px;}
2。“並集”選擇器:同時選中各個基本選擇器所選擇的範圍,任何形式的選擇器都可以,並集選擇器是多個選擇器通過逗號連線而成的,
格式如:h1,h2,h3{color:red;font-size:23px;}
相關推薦
CSS選擇器之最常見的交集選擇器和並集選擇器
由於太常見,上篇文章漏掉了2種最常見的組合選擇器:1.並集選擇器S1,S2[,S3...]2.交集選擇器S1S2[S3...],注意交集選擇器的各個選擇器的排列順序是要遵循能被解析的原則的(For Example:選擇p和.class1的交集,p.class1可行,但是.cl
”交集“選擇器和“並集”選擇器
複合選擇器:就是兩個或者多個基本選擇器,通過不同方式連線而成的選擇器 有兩種情況:”交集“選擇器、“並集”選擇器 1。“交集”選擇器:由兩個選擇器直接連線構成,其結果是選中二者各自元素範圍的交集,其中第一必須是標記選擇器,第二個必須是類別選擇器或者ID選擇器,兩個選擇器之
css學習3——子元素選擇器,交集選擇器,並集選擇器,兄弟選擇器,序選擇器
1.子元素選擇器:找到指定標籤中所有特定的直接子元素 格式: 標籤名稱1>標籤名稱2{ 屬性名稱:屬性值; } 含義:找到名稱為標籤名稱1的標籤,然後在標籤名稱1中找到直接連線的所有名稱為標籤名稱2的元素 注意點: * 子元素
css交集選擇器、並集選擇器、兄弟選擇器
一,交集選擇器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15-css交集選擇器.
006---css複合選擇器(交集選擇器,並集選擇器,後代選擇器,子元素選擇器,屬性選擇器,偽元素選擇器)
複合選擇器是由兩個或讀個基礎選擇器,通過不同的方式組合成的,目的是為了可以選擇更準確的目標元素。一、交集選擇器例如:<div class="orange">I am P1</div> <p class="orange">I am P2<
HTML &CSS之複合選擇器中的交集選擇器、並集選擇器、後代選擇器、子元素選擇器、相鄰兄弟選擇器、屬性選擇器
複合選擇器是通過基本選擇器進行組合後構成的,常用的複合選擇器有:交集選擇器、並集選擇器、後代選擇器、子元素選擇器、相鄰兄弟選擇器和屬性選擇器等。 1. 交集選擇器 交集選擇器由兩個選擇器直接構成
03.CSS選擇器-->交集並集選擇器
img ont meta tex es2017 nta color 學習 mage <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
css的高階選擇器,後代選擇器,子代選擇器,並集選擇器,交集選擇器
高階選擇器: 後代選擇器 子代選擇器 並集選擇器 交集選擇器 一、後代選擇器: 使用空格表示後代選擇器,父元素的後代(包括兒子,孫子,從孫子) 也就是說,box類下的所有span標籤 字型顏色都被設定為了紅色 .box span{ color
css基礎 並集選擇器 多個標簽用逗號隔開,使用相同的樣式
visual ast range -c 如果 logs utf rom gpo 禮悟: 公恒學思合行悟,尊師重道存感恩。葉見尋根三返一,江河湖海同一體。 虛懷若谷良心主,願行無悔給最苦。讀書鍛煉養身心,誠勸且行且珍惜。
並集選擇器
1.作用 給所有選擇器選中的標籤設定屬性 2.格式 /*標籤名稱1,標籤名稱2{ 屬性:值; }*/ div,p{ color: red; } 3.注意點 1.選擇器與選擇器之間必須用,逗號隔開 2.選擇器可以用標籤名稱、id名稱,cl
css2.08_並集選擇器(分組選擇器)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
0420-並集選擇器
1.什麼是並集選擇器? 作用: 給所有選擇器選中的標籤設定屬性 格式: 選擇器1,選擇器2{ 屬性:值; } 注意點: 1.並集選擇器必須使用,來連線2.選擇器可以使用標籤名稱/id名稱/class名
後代選擇器和子元素選擇器的區別
簡書 css descend 選擇器 而是 cto 區別 div one 原文 簡書原文:https://www.jianshu.com/p/4a776598c69c 大綱 1、後代選擇器和子元素選擇器的相關概念 2、後代選擇器和子元素選擇器的區別 1、後代選擇器
CSS之分組選擇器和巢狀選擇器
分組選擇器, 將一個樣式應用於多個類,或者標籤啥的 每個選擇器用逗號隔開 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.c
CSS——後代選擇器和子元素選擇器區別
記錄一下後代選擇器和子元素選擇器區別,好吧,只是為了炫耀一下沈美人! CSS程式碼: 後代選擇器:用於指定元素所有的後代元素 //選擇div下所有的span元素,無論層級 div span { color: red; } 子元素選擇器:用於選
子組合選擇器和同層組合選擇器:>、+和~
// > 子代選擇器article > section { border: 1px solid #ccc } // 同層相鄰組合選擇器+選擇header元素後緊跟的p元素header + p { font-size: 1.1em } //同層全體組合選擇器~article ~ article
css的子元素選擇器和後代元素選擇器
css 的子元素選擇器 自元素表示兒子 孫子不可以 h1 > strong {color:red;} 後代選擇器 兒子和孫子 重孫子 所有的後代都起作用 h1 em {color:red;} 需要注意的是後代選擇器和分組選擇器,分組選擇器用
html 後代選擇器和子元素選擇器
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <
CSS後代選擇器和子元素選擇器
後代元素:該節點所有的內部節點,CSS例如 h1 strong{color:#0F0;} 子元素:該節點的第一層內部節點,CSS例如 h1 > strong {color:red;} (IE6不支援!) 兩種選擇器具有相同的優先順序,即哪一個放在後面的就其作用
兄弟選擇器和相鄰兄弟選擇器
1.兄弟選擇器(brother selector,BS):BS是CSS3.0新增的一個選擇器,語法格式:A~B{...}(A、B為HTML元素/標籤,表示A標籤匹配selector的A,B標籤匹配selector的B時,B標籤匹配樣式)<!DOCTYPE html>