CSS選擇器有哪幾種?舉例輕鬆理解CSS選擇器

2022-06-14 20:24:21 字數 1446 閱讀 6455

1、元素選擇器 標籤名

2、id選擇器 #id屬性值

3、類選擇器 ·class屬性值

4、選擇器分組(並集選擇器)

作用:通過它可以同時選中多個選擇器對應的元素(通常用於集體宣告)

語法:選擇器1,選擇器2,選擇器n

5、復合選擇器(交集選擇器)

作用:選擇更準確更精細的目標元素並為其設定屬性

語法:選擇器1選擇器2選擇器n

6、通配選擇器

作用:用來選中頁面中所有的元素

語法:*

7、後代元素選擇器

作用:選中指定元素的指定後代元素

語法:祖先元素 後代元素

8、子元素選擇器

作用:選中指定父元素的子元素

語法:父元素》子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態

:hover   移入時元素的狀態

:visited  已被訪問過後的元素的狀態

:active  被點選時元素的狀態

10、 屬性選擇器

作用:根據元素中的屬性或屬性值來選取指定元素

語法:[屬性名]選取含有指定屬性的元素

​ [屬性名=「屬性值」]選取含指定屬性值的元素

​ [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素

​ [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素

​ [屬性名*="屬性值"] 選取屬性值包含指定內容的元素

11、兄弟元素選擇器

+選擇器

作用:選中乙個元素後緊挨著的指定的兄弟元素

語法:前乙個+後乙個(作用在後乙個)

~選擇器

作用:選中後邊所有的制定兄弟元素

語法:前乙個~後邊所有

css定位有哪幾種方式?

相信很多的初學者和我一樣在剛接觸有關浮動和定位都有些搞不清楚,在這裡我將介紹一下我所理解的有關 css的定位方式。在css中浮動主要是解決一些有關布局的左右排列問題,其實定位的作用和浮動的作用差不多,不過區 別是定位用來解決疊加排列的問題。在用定位時,你需要寫position屬性,position ...

CSS 選擇器舉例

乙個簡單的html例子 zhou zhou 24a girl who always wants to be better if you want to know more about me id選擇器 唯一性 name 類選擇器 選中乙個或者多個 self assessmen標籤選擇器 div全域性...

多線伺服器有哪幾種?

線路一 單ip雙線路 單ip雙線路就是指在伺服器上只設定了乙個ip,這個ip可以是網通ip也可以是電信的ip,通過路由設定資料報是通過這兩個運營商網路發出來的從而實現了雙線技術,這種方案可以有效的提高網通使用者和電信使用者的訪問速度,但由於ip的位址用的是電信或者是網通的ip。使用者在傳送訪問請求資...