css選擇符類型有哪些-創(chuàng)新互聯(lián)
這篇文章主要介紹“css選擇符類型有哪些”，在日常操作中，相信很多人在css選擇符類型有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css選擇符類型有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
一、標簽選擇符：針對某一類標簽，可以以標簽作為選擇符
代碼如下:
<style type="text/css">
p{color:#F00; font-size:36px;}
</style>
</head>
<body>
<p>0.5秒三分絕殺!波特蘭上演波什時刻 第N次拯救熱火</p>
<h2>玩命暴扣扳平+助攻絕殺三分 熱火太幸運有這顆隊魂</h2>
<p>熱火今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當事人他都起飛了!肯定假摔</p>
<p>斯帥稱客戰(zhàn)開拓者奧登不打 波什：他很快就可復出</p>
</body>
二、類選擇符：通過類選擇符定義一個樣式，需要改樣式的元素就在該元素內通過class屬性將該樣式添加到該元素中定義類名的時候數(shù)字不要開頭，起名的時候好要有意義,可以同時給某個元素應用多個類格式：class="類1 類2"(類與類之間用空格隔開)
代碼如下:
<style type="text/css">
.red{color:#C00;}
.family{font-family:"漢儀清韻體簡";}
</style>
</head>
<body>
<p class="red">0.5秒三分絕殺!波特蘭上演波什時刻 第N次拯救熱火</p>
<h2>玩命暴扣扳平+助攻絕殺三分 熱火太幸運有這顆隊魂</h2>
<p>熱火今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當事人他都起飛了!肯定假摔</p>
<p class="red family">斯帥稱客戰(zhàn)開拓者奧登不打 波什：他很快就可復出</p>
</body>
三、ID選擇符：只想針對某一個元素進行控制，與類基本相似，只是以英文"#"開頭，因為ID具有性，所以在網(wǎng)頁中只能出現(xiàn)一次定義id的時候數(shù)字不要開頭，起名好要有意義
代碼如下:
<style type="text/css">
#two{color:#600; font-family:'漢儀行楷簡';}
#one{font-family:Arial, Helvetica, sans-serif; font-family:'漢儀行楷簡'; font-size:36px;}
</style>
</head>
<body>
<h2>李克強主持召開<span>國務院</span>常務會議</h2>
<h3 id="two"> 聽取最低生活保障政策落實督查情況匯報</h3>
部署進一步加強和改進低保工作
<div id="one">決定將《社會救助暫行辦法（草案）》向社會公開征求意faksdjfkasfkasdfj</div>
</body>
四、包含(派生)選擇符：（選擇符的嵌套使用，針對某個元素中的子元素進行控制，就可以使用該方法，這樣就可以不用id或者類選擇符，代碼可以簡潔
語法：e1 e2{屬性：屬性值}（e1是父元素，e2是子元素）
代碼如下:
<style type="text/css">
p strong{color:#F00;}
</style>
</head>
<body>
<p>0.5秒三分絕殺!波特蘭上演波什時刻 第N次拯救熱火</p>
<h2>玩命暴扣扳平+助攻絕殺三分 熱火太幸運有這顆隊魂</h2>
<p><strong>熱火</strong>今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當事人他都起飛了!肯定假摔</p>
<div>斯帥稱客戰(zhàn)開拓者奧登不打 波什：他很快就可復出</div></p>
<p><ul>
<li> 安東尼推特怒罵無禮粉絲：我沒要求你這貨支持我</li>
<li>大范：籃網(wǎng)就像低級聯(lián)賽球隊 他們的處境聯(lián)盟最差</li>
<li>基德求教真神獲五字真經(jīng) 波帥：他夠強硬能做到這點</li>
</ul>
<div>滅<strong>雷霆</strong>擒步行者!隱形殺手冒頭 東部又一新控神誕生</div>
<h2>加內特直言還沒找到節(jié)奏：經(jīng)歷過比這更艱難的時期</h2>
</body>
五、通配選擇符：*{屬性：屬性值} 可以控制所有的html元素作用范圍很廣，但是效率較低（工作中慎用）
代碼如下:
<style type="text/css">
*{color:#0C0; font-size:18px;}
</style>
</head>
<body>
<p>0.5秒三分絕殺!波特蘭上演波什時刻 第N次拯救熱火</p>
<h2>玩命暴扣扳平+助攻絕殺三分 熱火太幸運有這顆隊魂</h2>
<p>熱火今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當事人他都起飛了!肯定假摔</p>
<div>斯帥稱客戰(zhàn)開拓者奧登不打 波什：他很快就可復出</div></p>
<p><ul>
<li> 安東尼推特怒罵無禮粉絲：我沒要求你這貨支持我</li>
<li>大范：籃網(wǎng)就像低級聯(lián)賽球隊 他們的處境聯(lián)盟最差</li>
<li>基德求教真神獲五字真經(jīng) 波帥：他夠強硬能做到這點</li>
</ul>
<div>滅雷霆擒步行者!隱形殺手冒頭 東部又一新控神誕生</div>
<h2>加內特直言還沒找到節(jié)奏：經(jīng)歷過比這更艱難的時期</h2>
</body>
六、選擇符分組（集體控制）：將同樣的樣式用于多個選擇符，選擇符之間用逗號隔開
語法：選擇符1,選擇符2,選擇符3{屬性：屬性值}
代碼如下:
<style type="text/css">
p,h2,div{
color:#F00;
font-size:36px;
}
</style>
</head>
<body>
<p>0.5秒三分絕殺!波特蘭上演波什時刻 第N次拯救熱火</p>
<h2>玩命暴扣扳平+助攻絕殺三分 熱火太幸運有這顆隊魂</h2>
<p><strong>熱火</strong>今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p>詹波為小弟惡犯叫屈 當事人他都起飛了!肯定假摔</p>
<div>斯帥稱客戰(zhàn)開拓者奧登不打 波什：他很快就可復出</div></p>
<p><ul>
<li> 安東尼推特怒罵無禮粉絲：我沒要求你這貨支持我</li>
<li>大范：籃網(wǎng)就像低級聯(lián)賽球隊 他們的處境聯(lián)盟最差</li>
<li>基德求教真神獲五字真經(jīng) 波帥：他夠強硬能做到這點</li>
</ul>
<div>滅<strong>雷霆</strong>擒步行者!隱形殺手冒頭 東部又一新控神誕生</div>
<h3>加內特直言還沒找到節(jié)奏：經(jīng)歷過比這更艱難的時期</h3>
</body>
七、標簽指定式選擇符：想用id或class的同時還想用標簽選擇符
語法：p#one(注意這里不用空格和任何分隔符)表示針對id為one的p標簽
h2.p1表示針對class為p1的h2標簽
代碼如下:
<style type="text/css">
p#one{
color:#F00;
font-size:36px;
}
p.cla{
background-color:#00F;
font-size:24px;
}
</style>
</head>
<body>
<p id="one">0.5秒三分絕殺!波特蘭上演波什時刻 第N次拯救熱火</p>
<h2>玩命暴扣扳平+助攻絕殺三分 熱火太幸運有這顆隊魂</h2>
<p><strong>熱火</strong>今夜還一功臣必須贊 11分不多但卻分分是金!</p>
<p class="cla">詹波為小弟惡犯叫屈 當事人他都起飛了!肯定假摔</p>
</body>
八、組合選擇符：將所有選擇符類型組合使用
到此，關于“css選擇符類型有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
本文題目：css選擇符類型有哪些-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://aaarwkj.com/article20/iegjo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內鏈、網(wǎng)站收錄、微信小程序、靜態(tài)網(wǎng)站、域名注冊、網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容
- python3os.rename()為什么二次調用會出錯-創(chuàng)新互聯(lián)
- 網(wǎng)站頁面需要HTML靜態(tài)化的原因有哪些-創(chuàng)新互聯(lián)
- 網(wǎng)格布局中如何以區(qū)域和頁面整體寬度的比率指定網(wǎng)格寬度-創(chuàng)新互聯(lián)
- wxPython窗體拆分布局基礎組件的示例分析-創(chuàng)新互聯(lián)
- OpenStack計算服務Nova[四]-創(chuàng)新互聯(lián)
- 線路選擇巡線人員-創(chuàng)新互聯(lián)
- 域名系統(tǒng)是什么-創(chuàng)新互聯(lián)
- 成都營銷型網(wǎng)站建設多少錢？看完這篇內容您就明白了 2022-11-17
- 營銷型網(wǎng)站建設為何如此受眾青睞 2017-01-28
- 營銷型網(wǎng)站建設為什么使用div+CSS來制作 2021-09-23
- 營銷型網(wǎng)站建設方案的好處 2021-04-14
- 創(chuàng)新互聯(lián)：全網(wǎng)營銷型網(wǎng)站建設的三大目標 2022-11-26
- 深圳營銷型網(wǎng)站建設應當具備什么特性 2021-12-17
- 營銷型網(wǎng)站建設如何進行策劃 2022-11-07
- 營銷型網(wǎng)站建設要提升用戶體驗 2021-01-20
- 成都營銷型網(wǎng)站建設多少錢 2022-08-07
- 深圳營銷型網(wǎng)站建設怎么入手呢 2021-10-01
- 企業(yè)營銷該怎么樣做好營銷型網(wǎng)站建設呢？ 2016-10-28
- 綦江營銷型網(wǎng)站建設要做到簡潔不簡單 2021-11-17