Web 前端 CSS選擇器

2021-06-26 21:58:44 字數 1671 閱讀 8743

選擇器

選擇器類選擇器     .類選擇器

**)三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。

id選擇器

前面是#

id=「id名稱」  

id選擇器和類選擇器的區別

id選擇器只能在文件中使用一次,類選擇器可以使用多次;

詞列表方式為乙個元素設定多個樣式

例子**)

三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。

到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。

子選擇器

用大於號選擇指定標籤元素的第一代子元素

例子**)

三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

蔬菜包含(後代)選擇器

加入空格,選擇指定標籤下的後背元素 例如:. first span

>>與自選擇器的區別:子選擇器作用於它的直接後代,即是子元素的第一後代

後代選擇器作用於所有的後代元素,後代選擇器用空格來選擇,子選擇器用空格來選擇

例子**)

三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。蔬菜

顯示:三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

蔬菜 food>li  改為food li 顯示

蔬菜

通用選擇器

匹配html中所有標籤    如 *

偽類選擇器

a:hover   當滑鼠滑過這個字的時候會變為紅色

分組選擇符

h1,span

相當於hi

span

例子**)

三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。

到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。

Web前端 CSS選擇器

本文介紹css的選擇器,包括元素選擇器 id選擇器 類選擇器 屬性選擇器 後代選擇器 子元素選擇器 相鄰兄弟選擇器。本文內容結合w3c教程編寫 1 元素選擇器 又稱型別選擇器 type selector 是最常見的css選擇器,文件的元素就是選擇器,比如p h1 甚至html本身。p h12 id選...

WEB前端 CSS常用選擇器

1.1 標籤選擇器 就是用標籤名來當做選擇器。1 所有標籤都能夠當做選擇器,比如body h1 dl ul span等等 2 不管這個標籤藏的多深,都能夠被選擇上。3 選擇的是所有的,而不是某乙個。所以是共性,而不是特性。1 a 表示選擇id 1 lj1 2 同乙個頁面內id不能重複,即使不一樣的標...

web前端 CSS 屬性選擇器 030

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