CSS選擇器之符號

2022-01-12 23:09:03 字數 830 閱讀 9423

jquery、css常用選擇器

符號描述

示例說明

緊接無符號

相當於」並且「關係

input.k-textbox

選出input並且包含k-textbox類的元素

, (逗號)

選擇器分格符, 選擇多種元素

h1, h2

選出h1 和 h2 的所有元素

. (圓點)

類選擇器

.k-textbox

選出包含k-textbox類的元素

*(星號)

所有元素

*選擇所有的元素

# (井號)

id選擇器

#mem-id

選擇 id 為 mem-id 的元素

[ ]  (中括號)

屬性選擇器

h1[class='k-textbox']

選擇h1並且包含k-textbox類的元素

(空格)

後代選擇器

#container h1

選擇 id 為 container 內的所有為h1後代元素

> (大於號)

子元素選擇器

#container>h1

選擇 id 為 container 內的所有為h1的子元素(僅限子元素,孫的不計)

+ (加號)

後面緊挨的兄弟選擇器

#mem-id+h1

選擇 id 為 mem-id 的後面 "緊挨" 的h1元素

~ (波浪線)

兄弟元素選擇器

#mem-id~h1

選擇id 為 mem-id 的所有h1兄弟元素

:

JQuery選擇器之CSS選擇器

語法描述 選擇所有元素 選擇特定型別的元素 選擇具有特定class的元素 選擇具有特定class的某類元素 id 選擇具有特定id屬性值的元素 語法描述 attr 選取定義了attr屬性的元素,即使這個屬性值為空 attr val 選擇attr屬性值等於字串val的元素 attr val 選擇att...

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器,是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...