day 3 簡單選擇器與屬性選擇器

2021-08-20 09:30:06 字數 830 閱讀 3938

選擇器用於我們想要樣式化的網頁上的html元素。各種各樣可以用的css選擇器允許我們精準的選擇我們想要樣式化的元素。

1)元素選擇:選擇器名和指定的html元素名不區分大小寫的匹配

2)classs選擇器:  用(.)來標記  文件中的個元素可以具有相同的類名,而單個元素可以用多個類名(之間用空格隔開)

3)id選擇器:用(#)來標記  id名稱必須在檔案中是唯一的

4)通用選擇:用(*)來標記  選擇乙個頁面中所有的元素

大型的網頁中建議不要用通用選擇器來選擇:因為他會對網頁展示的效能有較大的影響。而且大多數情況下都不會用著他來選擇。

屬性選擇器:用()來標記   是一種特殊型別的選擇器,他根據元素的屬性和屬性值來匹配元素  

屬性選擇器中有分為兩種:

1、根據存在的值屬性選擇器

(1)[attr]:選擇器選擇包含attr屬性的所有元素

(2)[attr=val]:僅選擇attr屬性值被賦值為val的所有元素

(3)[attr~=val]:僅選擇attr屬性值中包含val的所有元素(意思就是他元素的attr可能有多個屬性值,上面第二點元素屬性值就只有val乙個)

2、子串值屬性選擇器(又稱『偽正選擇器』)

(1)[attr|=val]:選擇attr屬性值是val或屬性值是以val-開頭的元素

(2)[attr^=vla]:選擇attr屬性值是以val開頭的所有元素(包括val本身)

(3)[attr$=val]:選擇attr屬性值是以val結尾的所有元素(包括val本身)

(4)[attr*=val]:選擇attr屬性值中包含字串val的所有元素

表單選擇器,層次選擇器

jquery在大二的時候接觸過,但是做的那個淡入淡出的效果。昨天上的第一堂課,老師說,主要包括類選擇器,昨天下午聽的時候感覺很簡單,但是自己要是做起來,就不是那麼容易了,一開始寫的時候,括號裡面,引用class的時候前面要有個 引用id的時候前面要用 後面要有css樣式的話要.css 屬性 數值,或...

jQuery 簡單選擇器

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 li first 第乙個li li last 最後乙個li li even 挑選下標為偶數的li li odd 挑選下標為奇數的li li eq 4 下標等於 4 的li...

CSS簡單選擇器

選擇器 選中頁面中的元素,並將選擇器後面的樣式 應用到選中的樣式。選中所有的p元素並應用樣式。p.這是乙個p標籤 標籤可以省略,表示選擇所有指定該class屬性值的元素 如果不省略,表示class屬性為該值得特定標籤 將所有class屬性的值為text的元素的顏色設為天藍色 將class屬性的值為t...