css選擇器（基礎）
CSS選擇器：
一個樣式的語法是由選擇器+屬性+屬性值三部分組成；
到底什麽是選擇器呢？
答：個人直白的理解為：選擇一種要對它進行操作的標簽的方法就叫做選擇器。也就是說選擇器就是一種選擇元素的方式。
1，元素選擇器
<!DOCTYPE html>
<html>
<head>
<title>選擇器</title>
<style type ="text/css">
div{
collor:red;
}
</style>
</head>
<body>
<p>長風破浪會有時，直掛雲帆濟滄海</p>
<div>會當淩絕頂，一覽眾山小</div>
<span>天生我材必有用，千金散盡還復來</span>
</body>
</html>
2，id選擇器 <!--同一頁面不能出現兩個相同的id-->
<!DOCTYPE html>
<html>
<head>
<title>選擇器</title>
<style type ="text/css">
#neo{
collor:red;
}
</style>
</head>
<body>
<p>長風破浪會有時，直掛雲帆濟滄海</p>
<div id="neo">會當淩絕頂，一覽眾山小</div>
<span>天生我材必有用，千金散盡還復來</span>
<div>數風流人物，還看今朝</div>
</body>
</html>
3,class選擇器 <!--同一頁面可以出現兩個相同的class-->
<!DOCTYPE html>
<html>
<head>
<title>選擇器</title>
<style type ="text/css">
.neo{
collor:red;
}
</style>
</head>
<body>
<p class="neo">長風破浪會有時，直掛雲帆濟滄海</p>
<div class="neo">會當淩絕頂，一覽眾山小</div>
<span>天生我材必有用，千金散盡還復來</span>
<div>數風流人物，還看今朝</div>
</body>
</html>
4,子元素選擇器
<!DOCTYPE html>
<html>
<head>
<title>選擇器</title>
<style type ="text/css">
#neo #number1{
collor:red;
} <!--表示選擇“id為neo的父元素”下的number1子元素的內容-->
#neo2{
color:blue
} <!--表示選擇“id為neo2的父元素所有內容-->
</style>
</head>
<body>
<div id="neo">
<p id="number1">長風破浪會有時，直掛雲帆濟滄海</p>
<p id="number2">會當淩絕頂，一覽眾山小</p>
</div>
<div id="neo2">
<p id="subject1">長風破浪會有時，直掛雲帆濟滄海</p>
<p id="subject2">會當淩絕頂，一覽眾山小</p>
</div>
</body>
</html>
5，群組選擇器
<!DOCTYPE html>
<html>
<head>
<title>選擇器</title>
<style type ="text/css">
#number1,#number2,#subject1,#subject2{color:#eee;font-szie:18px;}
</style>
</head>
<body>
<div id="neo">
<p id="number1">長風破浪會有時，直掛雲帆濟滄海</p>
<p id="number2">會當淩絕頂，一覽眾山小</p>
</div>
<div id="neo2">
<p id="subject1">長風破浪會有時，直掛雲帆濟滄海</p>
<p id="subject2">會當淩絕頂，一覽眾山小</p>
</div>
</body>
</html>
6，偽類選擇器
1，：after與content屬性一起連用，用於定義在對象後面的內容
語法：選擇符：：after{content:"文字"；}
選擇符：：after{content:url(圖片路徑);}
2,：before與content屬性一起連用，用於定義在對象後面的內容
語法：選擇符：：before{content:"文字"；}
選擇符：：before{content:url(圖片路徑);}
3,：first-letter：定義對象內第一個字符的樣式。
說明：*（該偽元素只能用於塊級元素。）
4,：first-line：定義對象內第一行的樣式。
說明：*（該偽元素只能用於塊級元素。）
！！！ie6以下版本瀏覽器不支持偽對象選擇器
10:53:17 2017-11-05
以上就是幾種常見的選擇器，也是css必須掌握的要點，希望大家勤加練習，共同進步！
css選擇器（基礎）