摘要:基本選擇器通用元素選擇器表示應(yīng)用到所有的標(biāo)簽。元素標(biāo)簽選擇器匹配所有標(biāo)簽的元素類選擇器匹配所有屬性中包含起的類名的元素。
基本選擇器
1、通用元素選擇器
*表示應(yīng)用到所有的標(biāo)簽。
*{
padding:0px;
margin:0px;
}
2、元素/標(biāo)簽選擇器
匹配所有p標(biāo)簽的元素
p{
color:red;
background:yellow;
}
3、類選擇器
匹配所有class屬性中包含“起的類名”的元素。
語法:.類名{屬性名:屬性值;}
注意:類名不能以數(shù)字開頭,類名要區(qū)分大小寫
html:
我是p
css:
.head{
color:red;
background:yellow;
}
4、id選擇器
使用id屬性來調(diào)用樣式,在一個(gè)網(wǎng)頁中id的值都是唯一的。(相當(dāng)于人的身份證)
語法:#id名{屬性名:屬性值;}(id名不能以數(shù)字開頭)
html:?
我是p
css:
#green{
color:green;
}
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/1462.html
摘要:可以是數(shù)字,關(guān)鍵詞或公式十一目標(biāo)偽類選擇器器目標(biāo)偽類選擇器選擇器可用于選取當(dāng)前活動(dòng)的目標(biāo)元素基礎(chǔ)選擇器一、標(biāo)簽選擇器(元素選擇器)標(biāo)簽選擇器是指用HTML標(biāo)簽名稱作為選擇器,按標(biāo)簽名稱分類語法:標(biāo)簽名{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;} 二、類選擇器1、類選擇器使用.(英文)+類名進(jìn)行選擇 三、css命名規(guī)范1、長名稱或詞組可以使用中橫線來為選擇器命名2、不建議使用_下...
摘要:表示的是滿足第一個(gè)選擇器的前提下,從它匹配到的元素后,去尋找位于同一層級(jí),且在該元素后面的所有滿足第二個(gè)選擇器的元素。 本篇文章已授權(quán)微信公眾號(hào) dasu_Android(大蘇)獨(dú)家發(fā)布 聲明 本系列文章內(nèi)容全部梳理自以下四個(gè)來源: 《HTML5權(quán)威指南》 《JavaScript權(quán)威指南》 MDN web docs Github:smyhvae/web 作為一個(gè)前端小白,入門跟著這四個(gè)...
一、語法規(guī)則 選擇器{ 屬性1:屬性值1; 屬性2:屬性值2; ...... } /*注釋*/ 二、如何在html中應(yīng)用CSS 1. 外部引用css文件 css文件:css/layout.css(css文件夾和HTML位于同一個(gè)目錄下) 2. 內(nèi)部嵌入css /*css代碼*/ 3...
一、語法規(guī)則 選擇器{ 屬性1:屬性值1; 屬性2:屬性值2; ...... } /*注釋*/ 二、如何在html中應(yīng)用CSS 1. 外部引用css文件 css文件:css/layout.css(css文件夾和HTML位于同一個(gè)目錄下) 2. 內(nèi)部嵌入css /*css代碼*/ 3...
摘要:選擇器,若未作特別說明,獲取的都是元素集合。過濾器名語法說明選取所有不可見元素選取所有可見元素注意過濾器一般是包含的內(nèi)容為樣式為表單類型為和的元素。四子元素過濾器子元素過濾器的過濾規(guī)則是通過父元素和子元素的關(guān)系來獲取相應(yīng)的元素。 轉(zhuǎn)自個(gè)人博客本來是單獨(dú)整理了一個(gè)CSS選擇器的,但是在jQuery中基本都有對(duì)應(yīng)的,所以就不發(fā)了。 jQuery選擇器,若未作特別說明,獲取的都是元素集合。...
閱讀 1706·2021-08-30 09:45
閱讀 1761·2019-08-30 15:54
閱讀 1182·2019-08-30 14:02
閱讀 1942·2019-08-29 16:21
閱讀 1621·2019-08-29 13:47
閱讀 3202·2019-08-29 12:27
閱讀 706·2019-08-29 11:01
閱讀 2672·2019-08-26 14:04