CSS ID選擇器&通配選擇器


ID選擇器

ID(IDentity)是編號的意思,一般指定標簽在HTML文檔中的唯一編號。ID選擇器和標簽選擇器、類選擇器的作用范圍不同。
ID選擇器僅僅定義一個對下對象的樣式,而標簽選擇器和類選擇器可以定義多個對象的樣式。
ID選擇器以#號作為前綴,然后是一個自定義的ID名,用法如圖所示

示例:

<!doctype html>
<html>
<head>
	<style type="text/css">
		#box{/*ID樣式*/
		background: url("../photos/野外.jpg")center bottom;
			height: 200px;
			width: 400px;
			border: solid 2px red;
			padding: 100px;
			}
	</style>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<body>
	<div id="box">問君能有幾多愁,恰似一江春水向東流</div>
</body>
</html>

運行結果:

除此之外,也可以為ID選擇器指定標簽范圍。定義指定ID選擇器的語法機構如圖:

采用這種方法可以提高該樣式的優先級。

通配選擇器


如果HTML所以元素都需要定意思相同的樣式,則一個個分別為它們定義樣式,會感到很麻煩。通過使用通配選擇器可以解決這一麻煩。
統配選擇器是固定的,使用"*"表示,例如:

<!DOCTYPE html>
<html>
	<head>	
    	<meta charset="utf-8">
        <title>通配符選擇器(理解)</title>
        <base target="_self">
        <style>
			*{
				color: red;
				}
		</style>
    </head>
    <body>
		<h1>我是標題</h1>
        <p>我是段落</p>
       	<a href="#">我是超鏈接</a>
    </body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM