web前端 屬性選擇器 通用選擇器

2021-10-20 08:21:18 字數 986 閱讀 2725

1.通用選擇器

*：將屬性應用於頁面的所有元素

2.屬性選擇器

eg.#lista

3.按屬性或屬性值選擇【selecting by attribute or value of attribute】

[title]


[title="best*****"]
4.按值的開始或結束選擇【selecting by beginning or end of value】

(可以是多個字母)

^=: 開頭   eg.[title^="s"]

$=: 結尾   eg.[title$="at"]

5.包含某個值【selecting by other parts of value】

(1)只要包含就算

[title*="sia"]
(2)包含的值為單獨的乙個單詞

[title~="singapore"]
(3)作為字首 以prefix或prefix-開頭

[title|="chantilly"]
5.其他的一些情況

(1) 不區分大小寫匹配  新增i

[title*="sia" i]
(2)

img[alt="cat"]


img[alt="cat"][src^="nicecat"]

CSS選擇器 屬性選擇器

最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

web前端 CSS 屬性選擇器 030

具有特定屬性的html元素樣式不僅僅是class和id。注意 ie7和ie8需宣告 doctype才支援屬性選擇器！ie6和更低的版本不支援屬性選擇器。下面的例子是把包含標題 title 的所有元素變為藍色 下面的例項改變了標題title baidu 元素的邊框樣式 下面是包含指定值的title屬性...

CSS選擇器之屬性選擇器 關係選擇器

e代表標籤名，如p,div等等 att表示該標籤定義了的乙個屬性名，如class id等，value為該屬性的屬性值，該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素 基本原理同上，不過value表示該屬性值應包含以value為字尾的子字串 基本原理同上，但value表...