標籤 選擇器

2022-06-12 12:48:06 字數 666 閱讀 5767

選擇標籤,除了大家眾說周知的 #id .class  name 外,

還可以:

屬性選擇器:

a[class^=icon] ,選擇匹配a 元素,並且 a 元素的class 是以icon 開頭的,class 可以換成任意屬性

a[href$=pdf],

選擇匹配a 元素,並且 a 元素的href 是以pdf 結尾的,href可以換成任意屬性;

a[title*=more],

選擇匹配a 元素,並且 a 元素的title 中包含more,title可以換成任意屬性;

給form表單中除submit按鈕之外的input元素新增紅色邊框:

input:not([type="submit"])

控制項組註冊事件:

$("input[name='netstatus_radio']").on("click",function ());

標籤選擇器

標籤選擇器其實就是html 中的標籤。如右側 編輯器中的 例如下面 p上面的css樣式 的作用 為p標籤設定12px字型大小,行間距設定1.6em的樣式。示例 doctype html 標籤選擇器 title style type text css h1style head body h1 勇氣 h...

標籤選擇器,id選擇器,class類選擇器

1.標籤選擇器的格式 標籤 屬性 值 我是段落 2.id選擇器的格式 id名稱 屬性 值 我是段落 3.class類選擇器的格式 類名 屬性 值 我是段落 1 每乙個標籤都有id和class屬性 但是每乙個標籤只能有乙個id的屬性,但是可以有很多個class屬性。2 id相當於人的身份證,class...

CSS標籤選擇器

1.什麼是標籤選擇器?作用 根據指定的標籤名,在當前介面中找到所有該名稱的標籤,然後設定屬性。格式 標籤名 屬性 值 注意點 1.標籤選擇器選定的是當前介面中所有該名稱的標籤,而不能單獨選定某一標籤 2.標籤選擇器無論標籤藏得多深都能找到 3.只要是html中的標籤都可以作為標籤選擇器。2.id選擇...