溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“css常見的基本選擇器有哪些”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“css常見的基本選擇器有哪些”文章能幫助大家解決問題。
一：什么是css選擇器？
CSS是一種用于屏幕上渲染html，xml等一種語言，CSS主要是在相應(yīng)的元素中應(yīng)用樣式，來渲染相對應(yīng)用的元素，那么這樣我們選擇相應(yīng)的元素就很重要了，如何選擇對應(yīng)的元素，此時(shí)就需要我們所說的選擇器。在CSS中，選擇器是一種模式，用于選擇需要添加樣式的元素。選擇器主要是用來確定html的樹形結(jié)構(gòu)中的DOM元素節(jié)點(diǎn)。
二：css3中5種常見的基本選擇器
css3中的選擇器種類有很多，下面介紹的是5種常見的基本選擇器：通配選擇器，類選擇器，元素選擇器，ID選擇器和群組選擇器。
1.通配符選擇器（所有瀏覽器支持）
通用選擇器用*來表示，用來選擇所有元素，，也可以選擇某個元素下的所有元素；
*{marigin:0;
padding:0;
font-size:14px;
}
上面代碼大家在reset樣式文件中看到的肯定不少，他所表示的是，所有元素的margin和padding都設(shè)置為0，字體大小都設(shè)置為14px,另外一種就是選擇某個元素下的所有元素：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>通配符選擇器</title>
<style>
.demo*{
width:50px;
height:50px;
border:1pxsolidblue;
margin:10px;
}
</style>
</head>
<body>
<divclass="demo">
<div>1</div>
<p>2</p>
<span>3</span>
</div>
</body>
</html>
關(guān)于“css常見的基本選擇器有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
