title
date
br#description
css關係選擇器和屬性選擇器
2019-10-11 13:28:34 -0700
css關係選擇器
css
css關係選擇器
element1 element2選取所有包含於element1中的element2元素，可以是子級，孫級等等
你好
你好 你好
執行中的設定了紅色背景
element1>element2選取包含於element1中的element2元素，只選取子級，孫級及以下不選取
element1+element2選取element1後面緊跟的第乙個element2元素
element1~element2選擇element1之後出現的所有element2,兩種元素必須擁有相同的父元素，但是element2不必直接緊隨element1
element[attribute]用於選取element帶有attribute屬性的元素
element[attribute=value]用於選取element帶有attribute屬性且它的值為value的元素
[attribute~=value]用於選取element帶有attribute屬性且它的值包含value元素，如title~=abc，則title中所有帶有abc的都會被選中
[attribute|=value]用於選取element帶有attribute屬性且它的值以value開頭的元素，如title|=abc，則title中所有以abc開頭的都會被選中,該值必須是整個單詞
[attribute^=value]用於選取element帶有attribute屬性且它的值以value開頭的元素，如title^=abc，則title中所有以abc開頭的都會被選中
[attribute$=value]用於選取element帶有attribute屬性且它的值以value結尾的元素，如title$=abc，則title中所有以abc結尾的都會被選中
[attribute*=value]用於選取element帶有attribute屬性且它的值包含value，如title*=abc，則title中所有包含abc的都會被選中
Css選擇器 層次選擇器（關係選擇器）
1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...
CSS選擇器之屬性選擇器 關係選擇器
e代表標籤名，如p,div等等 att表示該標籤定義了的乙個屬性名，如class id等，value為該屬性的屬性值，該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素 基本原理同上，不過value表示該屬性值應包含以value為字尾的子字串 基本原理同上，但value表...
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...