CSS ID选择器&通配选择器
生活随笔
收集整理的這篇文章主要介紹了
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;
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>
總結
以上是生活随笔為你收集整理的CSS ID选择器&通配选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python机器学习实战 getA()函
- 下一篇： 虹软人脸识别sdk使用-android（