CSS3.0_选择器_学习笔记
生活随笔
收集整理的這篇文章主要介紹了
CSS3.0_选择器_学习笔记
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
元素選擇器：每個元素名
通用選擇器：*（一般結合其他選擇器出現）
類選擇器：.類名
id選擇器：#id
1 <!DOCTYPE>2 <html>
3 <head>
4
5 <title>Css3.0_selector</title>
6 <style type="text/css">
7 p{
8 color:#006600;
9 }
10 .classselector{
11 color:#00CCFF;
12 }
13 #idselector{
14 color:#FFFF00;
15 }
16 h1,h2,h3,h4,h5{
17 color:#FF0000;
18 }
19 span>i{
20 color:#0000FF;
21 }
22 span p{
23 color:#FF00FF
24 }
25 </style>
26 </head>
27
28 <body>
29 <p>元素選擇器</p>
30 <span class="classselector">類選擇器</span>
31 <div id="idselector">id選擇器</div>
32 <h1>..........1</h1>
33 <h2>..........2</h2>
34 <h3>..........3</h3>
35 <h4>..........4</h4>
36 <h5>..........5</h5>
37 <span><i>子選擇器</i><i>子選擇器</i><p>lazygun</p></span>
38 </body>
39 </html>
選擇器的優先級
1、!improtant(覆蓋任何元素樣式)
2、<span style=""></span>
3、id選擇器
4、類選擇器，屬性選擇器，偽類選擇器
5、元素選擇器
6、通配選擇器
相同級別的選擇器將由定義他的位置決定
1、<head>
? ? ?<style>
? ? ?</sytle>
? ? ?</head>
2、<style/>標簽中的 @import 引入樣式表
3、<link/>標簽所引入的樣式表定義
4、<link/>標簽所引入的樣式表內的 @import 導入樣式表定義
5、樣式有用戶設定
6、由瀏覽器默認
?
?
轉載于:https://www.cnblogs.com/lazygun/archive/2012/01/09/2315904.html
總結
以上是生活随笔為你收集整理的CSS3.0_选择器_学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解决，文件上传到 ftp 服务器，中文出
- 下一篇： CSS 基本样式