滑鼠樣式 css 選擇器

2021-09-02 08:29:48 字數 1636 閱讀 1974

hand手型

crosshair:           十字型

move:                十字箭頭形

text:                滑鼠移動到文字上的樣式

wait:                等待效果沙漏形

default:             預設的那種效果指標形

help:                帶問號的滑鼠樣式

e-resize:            向右的箭頭

ne-resize:           向右上方的箭頭

n-resize:            向上的箭頭

nw-resize:           向左上方的箭頭

w-resize:            向左的箭關

sw-resize:           向左下的箭頭

s-resize:            向下的箭頭

se-resize:           向右下方的箭頭

auto:                系統自動的效果

元素選擇器

類選擇器

id選擇器

css2屬性選擇器:

如果您希望把包含標題(title)的所有元素變為紅色,可以寫作:

*[title]    a[href]  a[href][title]
a[href=""][title="w3school"]
p[class="important warning"]
[abc^="def"]

選擇 abc 屬性值以 "def" 開頭的所有元素

[abc$="def"]

選擇 abc 屬性值以 "def" 結尾的所有元素

[abc*="def"]

選擇 abc 屬性值中包含子串 "def" 的所有元素

後代選擇器:

如果寫作 ul em,這個語法就會選擇從 ul 元素繼承的所有 em 元素,而不論 em 的巢狀層次多深。

子元素選擇器:

與後代選擇器相比,子元素選擇器(child selectors)只能選擇作為某元素子元素的元素。

相鄰兄弟選擇器:

h1 + p

偽類選擇器:

:active

向被啟用的元素新增樣式。

1:focus

向擁有鍵盤輸入焦點的元素新增樣式。

2:hover

當滑鼠懸浮在元素上方時,向元素新增樣式。

1:link

向未被訪問的鏈結新增樣式。

1:visited

向已被訪問的鏈結新增樣式。

1:first-child

向元素的第乙個子元素新增樣式。

2:lang

向帶有指定 lang 屬性的元素新增樣式。2

偽元素

屬性描述css

:first-letter

向文字的第乙個字母新增特殊樣式。

1:first-line

向文字的首行新增特殊樣式。

1:before

在元素之前新增內容。

2:after

在元素之後新增內容。2

CSS樣式選擇器

1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...

CSS樣式選擇器

樣式選擇器 每一條css樣式宣告 定義 由兩部分組成,形式如下 選擇器類選擇器 以英文圓點開頭,不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類,如下 膽小如鼠 2.設定類選擇器css樣式,如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...

CSS樣式 選擇器

css的選擇器 1 標籤選擇器 div p a input span h1 divp我是段落 2 類選擇器 class 類選擇器樣式 class stylediv我是div容器 我是div中的段落 3 id選擇器 id id選擇器樣式 id stylep我是div容器 4 並列選擇器 並列選擇器樣式...