CSS簡單選擇器

2021-09-22 20:17:00 字數 1017 閱讀 9871

選擇器:選中頁面中的元素,並將選擇器後面的樣式**應用到選中的樣式。

選中所有的p元素並應用樣式。

...

p...這是乙個p標籤

標籤可以省略,表示選擇所有指定該class屬性值的元素;如果不省略,表示class屬性為該值得特定標籤

將所有class屬性的值為text的元素的顏色設為天藍色;將class屬性的值為text的p元素的字型大小設定為20px ... .text

p.text

...這是乙個p標籤

這是乙個span標籤

標籤名可以省略。

注意:語義上,id可以唯一的確定乙個元素,也就是說,兩個標籤不能設定一樣的id。(如果多個標籤設定一樣的id,其實瀏覽器可以解析,但是這樣的話和類選擇器就沒有任何區別了,類選擇器側重於選擇一組,而id選擇器則要設定整個頁面中的唯一元素的樣式)

所以,通常情況下,使用id選擇器時,會選擇唯一的元素,就不用標籤名來限制了。

選中id值為id_1的唯一元素,應用樣式。

...

#id_1

...這是乙個p標籤

選中所有元素並應用樣式。

...

*...這是乙個p標籤

這是乙個span標籤

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...

表單選擇器,層次選擇器

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

表單選擇器

顧名思義,表單選擇器是為了能更加容易地操作表單,表單選擇器是根據元素型別來定義的。表單選擇器規則 表單選擇器 選 擇 器 描 述返 回 示 例 input 選取所有的 和元素集合元素 input 選取所有的 和元素 text 選取所有的單行文字框 集合元素 text 選取所有的單行文字框 passw...