CSS3否定偽類選擇器
否定偽類選擇器用來選擇不滿足某些條件的元素。
選擇器 | 功能描述 | 版本 |
---|---|---|
E:not(selector) | 選擇未被選擇器selector所選中,且型別為E的元素 | 3 |
如果想對某個結構元素使用樣式,但是又想排除這個結構下的某些子結構時,否定偽類選擇器就非常有用,它可以過濾掉某些內容。
如,在美化表單時,常常會給表單中所有的input新增一個邊框,而單選按鈕新增邊框後就非常難看。這時,否定偽類就可以派上用場。程式碼如下:
input:not([type = radio]){
border:1px solid #ccc;
}
相關推薦
CSS3否定偽類選擇器
否定偽類選擇器用來選擇不滿足某些條件的元素。表 2-6 結構偽類選擇器選擇器功能描述版本E:not(selector)選擇未被選擇器selector所選中,且型別為E的元素3如果想對某個結構元素使用樣式,但是又想排除這個結構下的某些子結構時,否定偽類選擇器就非常有用,它可以過
CSS3----動態偽類選擇器
選擇 :focus orange ted link gre color img .com 5 1、link:超連接在沒被點擊之前的狀態; a:link{ color: red; } 2、visited:超鏈接在被點擊後的狀態;
CSS3----目標偽類選擇器
ott otto adding splay before text active tran near 效果: 代碼: <!DOCTYPE html> <html> <head> <meta charset
css3結構偽類選擇器first-child,last-child,nth-child(),nth-last-child()
1 element:first-child 選擇屬於其父元素的首個子元素的element元素 注意:div:first-child 必須是其父元素下面的第一個子元素且必須是div元素才能匹配的到 匹配結果: 2 同理:element:las
css3中偽類選擇器:target的使用
今天由於在做任務13,裡面有一個子任務是要求用css寫出一個簡單的圖片輪播,剛開始真的是完全沒有思路,想著不用js怎麼繫結點選事件呢,看了別人的一些實現方法,發現:target是一個神奇的東西。 如果想看用css3實現的圖片輪播,狠狠點選這裡demo 剛
CSS3 nth 偽類選擇器
考察下面的 HTML 程式碼片段: <div> <section>section 1</section> <section>section 2</section> <ul> <li>i
CSS3-target偽類選擇器
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>
CSS3的偽類選擇器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> li:nth-child(2n){
css3基礎 :target 目標偽類選擇器 簡單示例
pos url ctype itl w3cschool ont 錨點 網頁 name 禮悟: 公恒學思合行悟,尊師重道存感恩。葉見尋根三返一,江河湖海同一體。 虛懷若谷良心主,願行無悔給最苦。讀書鍛煉養身心,誠勸且行且珍惜。
CSS3偽元素、偽類選擇器
first 偽類 ted :link sel OS lec 狀態 -s 偽元素選擇器: ::first-letter:為某個元素中的文字的首字母或第一個字使用樣式。 ::first-line:為某個元素的第一行文字使用樣式。 ::before:在某個元素之前插入一些
CSS3新增的偽類選擇器,讓你體驗使用CSS3的快感。
CSS選擇器用於選擇你想要的元素的樣式的模式。偽類元素主要用於對已有選擇器做進一步的限制,對已有選擇器能匹配的元素做進一步的過濾。 偽類選擇器 1.UI元素狀態偽類選擇器 UI元素狀態偽類選擇器主要用於根據UI元素的狀態進行篩選,UI元素狀態偽類選擇器有如下幾個。
CSS3新增的偽類選擇器
n+1 選擇器 out ack ava size 定義 html 限制 偽類選擇器的作用:對已有選擇器做進一步的限制,對已有選擇器能匹配的元素做進一步的過濾。CSS 3提供的偽類選擇器主要分為以下三類: 結構性偽類選擇器 UI元素狀態偽類選擇器 其他偽類選擇器
css3第四篇,選擇器三(偽類選擇器一)
偽類選擇器一 語法 :。指定選擇器特殊情況下的屬性以及屬性值 結構偽類選擇器 1.:nth-child:根據定義的標籤順序,來給指定的標籤新增樣式。先找到符合順序的標籤,再匹配標籤是否符合設定的型別。 選擇器 作用 :first-child 所有標籤中
五分鐘帶你看完CSS3新增的偽類選擇器,讓你體驗使用CSS3的快感。
CSS選擇器用於選擇你想要的元素的樣式的模式。偽類元素主要用於對已有選擇器做進一步的限制,對已有選擇器能匹配的元素做進一步的過濾。 偽類選擇器 1.UI元素狀態偽類選擇器 UI元素狀態偽類選擇器主要用於根據UI元素的狀態進行篩選,UI元素狀態偽類選擇器有如下幾個。
使用CSS3偽類選擇器實現簡單手風琴效果,與其功能的介紹
1.展示 2.原理 主要使用了C3選擇器中的兩個: ①:不():不包含,如DIV:否(。測試),就是DIV中選中不包含有試驗類的,例如可以配合E:否(:最後的型)來排除掉最後一個元素並選中剩餘的; ②:目標:目標的ID變為的location.hash的值時,也就是錨點選中它時選
【CSS3】結構性偽類選擇器—not
:not選擇器稱為否定選擇器,和jQuery中的:not選擇器一模一樣,可以選擇除某個元素之外的所有元素。就拿form元素來說,比如說你想給表單中除submit按鈕之外的input元素新增紅色邊框,CSS程式碼可以寫成: form { width: 200px;
CSS3第一日--屬性選擇器與偽類選擇器
屬性選擇器 在 CSS 中,選擇器是一種模式,用於選擇需要新增樣式的元素。 CSS3新增了3個新的屬性選擇器,分別是: 1、E[attr^="value"]:指定元素中的屬性名,並且這個屬性名有屬性值存在,且這個屬性值是以"value"開頭; 2、E[at
CSS3:nth-child()偽類選擇器,Table表格奇偶數行定義樣式
原文地址:http://www.dangshopex.com/jishufenxiang/WEBkaifajishu/8653.html CSS3的強大,讓人驚歎,人們在驚喜之餘,又不得不為其艱難的道路感到可惜:好的標準只有得到行業瀏覽器的良好支援才算得上“標準”。CS
CSS3偽類選擇器nth-child和nth-of-type淺析
1. nth-child 定義和用法 :nth-child(n) 選擇器匹配屬於其父元素的第 n 個子元素,不論元素的型別。n 可以是數字、關鍵詞或公式。 ① n為數字時,n為大於0的整數
CSS3選擇器--結構性偽類選擇器
在學習結構性偽類選擇器之前,先了解2個概念:CSS中的偽類選擇器和偽元素: 1、偽類選擇器:CSS中已經定義好的選擇器,不能隨便取名 常用的偽類選擇