久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

css選擇器_動力節點Java學院整理

要使用css對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器,這篇文章主要介紹了css選擇器,有興趣的可以了解一下

語法結構

css選擇器_動力節點Java學院整理

Id選擇器

格式

#id :#+元素的id;id是區分大小寫。

示例

 #title1 {background-color:Blue;border-width:thick;}

Class 類選擇器

格式

.ClassName :.+Class類的名稱;類名是區分大小寫。

示例

 .postTitle {background-color: Green;}

元素(標簽)名稱選擇器

格式

元素名稱:元素的名稱不區分大小寫。

示例

h2 {background-color:Green;}

復合選擇器

格式

元素名稱1,元素名稱2,#id,.ClassName :可以根據元素的名稱、id、類名,使符合條件的元素共同擁有樣式;各選擇器條件要以分號(,)隔開。

示例

 h2 , #subid , .subclass {background-color:Green;}

層次選擇器

格式

父選擇器  子選擇器 :滿足父選擇器下的子選擇器條件;兩者中間用空格隔開。

示例

① 父選擇器為元素

div input{background-color:Green} /* 表示div下的input子元素 */

② 父選擇器可以為類、Id選擇器,子選擇器也可以。

.showInfo_tabel  tr{height:20px;} /* 表示table的class為showInfo_tabel時,下面的tr元素height屬性為20px  */

css選擇器_動力節點Java學院整理 

偽類選擇器

格式

其他選擇器   偽類選擇器

說明

行為選擇器是以 : 開頭,后面跟著偽類名稱。主要有5個(CSS1和2):

①a:link 選擇所有未被訪問的鏈接

②a:visited 選擇所有已被訪問的鏈接

③a:active  選擇活動鏈接

④input:hover 鼠標懸停上方的元素

⑤input:focus 獲取到焦點的元素

示例

1.若不想a鏈接在訪問后改變元素,可以把a標簽的未被訪問和已被訪問設為同一種顏色

a :link,:visited{color:Blue;}

2.元素的鼠標懸停(進入):如"登錄"按鈕的變色。

.btn_login:hover {background-color: #218fd5;}

css選擇器_動力節點Java學院整理 

屬性選擇器

格式

元素選擇器[屬性名稱="屬性值"]

說明

1) 可在其他選擇器上,再添加對屬性的匹配。

2) 若要元素同時滿足多個屬性,可在屬性選擇器后面進行追加:元素選擇器[屬性名稱1="屬性值"][屬性名稱2="屬性值"]

示例

1) 匹配只讀的textarea標簽

textarea[readonly="readonly"]{ background-color: #EBEBEB;}

2) 指定類名以及多屬性

 .readOnlyBg input[type="text"][readonly="readonly"]{ background-color: #EBEBEB;}

樣式調用方式

樣式可以存放在一個專門存放樣式的文件里(外部樣式表)、HTML頁面的<head></head>里(內部樣式表)、元素的Style屬性里(內聯樣式)。

外部樣式表

存放方式

存放在專門的一個樣式表里。以css為后綴的文件。

引用方式 

在HTML頁面的<head></head>節點里,添加<link />標簽:

<head>
    <link href="../Styles/Site.css" rel="stylesheet" type="text/css" />
</head>

應用場景

多個page頁面共享樣式,如:論壇帖子的排版。

內部樣表

存放方式

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章主要介紹了CSS 學習筆記之CSS Selector的相關資料,需要的朋友可以參考下
主站蜘蛛池模板: 国产成人精品区一区二区不卡 | 精品一区二区三区不卡 | 欧美在线视频一区 | 久久51 | 久久婷婷国产香蕉 | 亚洲精品二区 | 亚洲精品68久久久一区 | 奇米影视77| 精品国产乱码久久久久久丨区2区 | 亚洲高清在线观看 | 日韩一区二区三区视频在线播放 | 亚洲精品一区av在线播放 | 鲁一鲁资源影视 | 亚洲日本三级 | 国产亚洲一区二区三区 | 黄色精品| 91精品国产综合久久久久久首页 | 精品网 | 久久三区 | 国产精品99久久久久久久久 | 亚洲国产精品va在线看黑人 | 久久久男人的天堂 | 国产综合精品一区二区三区 | 一区二区手机在线 | 在线āv视频 | 久久久久国产精品人 | 精品一区精品二区 | 超级乱淫av片免费播放 | 国产精品免费高清 | 欧美一级在线观看 | 精品无码久久久久久国产 | 美女久久久久 | 国产精品99久久久久久www | 国产99久久精品一区二区永久免费 | 国产成人亚洲精品自产在线 | 久久aⅴ乱码一区二区三区 亚洲欧美综合精品另类天天更新 | 精品av久久久久电影 | 国产在线一区二区三区 | 天天色天天射天天干 | www.成人久久 | 中文字幕av色 |