課時74 交集選擇器(理解)

2022-08-18 02:42:16 字數 730 閱讀 3235

1.什麼是交集選擇器?

我們首先了解一下什麼是交集

以前學數學的時候學過交集,其實這裡也是一樣

兩個集合有重複的部分就叫做交集

作用:給所有選擇器選中的標籤中,相交的那部分標籤設定屬性

格式:選擇器1選擇器2{

屬性:值;

注意點:

1.選擇器和選擇器之間沒有任何連線符號

來看乙個案例:

先找到p標籤,再找到類名為para1的標籤,然後再找到它們相交的部分

2.選擇器可以使用標籤名稱/id名稱/class名稱

先找到類名是para1的標籤,找到當前介面所有id名稱叫做identity的標籤,然後再看看,前面乙個找到的所有標籤和後面乙個有沒有相交的

3.交集選擇器僅僅作為了解,企業開發中用到的並不多,比如剛才的例子,我都知道class,id了,幹嘛還用交集,直接用id選擇器就可以了

課時80 屬性選擇器下(理解)

1.屬性選擇器的取值是以什麼開頭的 attirbute value css2 attribute value css3 怎麼輸出呢?按住shift鍵,再按住回車上面的鍵子 怎麼輸出呢?按住shift鍵,再按住數字6的鍵子 先找到所有的img標籤,再找到img標籤中有alt屬性,並且alt屬性是以ab...

CSS交集選擇器

第一種格式類似於 h1.center這種格式由標籤選擇器和類選擇器組成。第二種格式類似於 h1 center這種格式由標籤選擇器和id選擇器組成。兩個選擇器之間不能有空格,必須連續書寫。以上這兩種格式組成的選擇器,也就是前者所定義的標籤型別和後者的類或者id的元素,稱之為交集選擇器。注意標籤載入cs...

CSS 7 4 選擇器 後代選擇器

css 7.4 選擇器 後代選擇器 1.後代選擇器又稱為包含選擇器。可以選擇作為某元素後代的元素。格式 元素1 元素 2 元素 3 例如 h1 em 解釋 把作為h1元素的後代元素 em的文字變成紅色。html中 可以匹配 不可以匹配 2.具體應用 p.a span.a html中 a a 可以匹配...