css的選擇器：1.基本選擇器 2.高級選擇器

?

基本選擇器包含：

1.標簽選擇器
標簽選擇器可以選中所有的標簽元素，比如div，ul，li ，p等等，不管標簽藏的多深，都能選中，選中的是所有的，而不是某一個，所以說 "共性" 而不是 ”特性“

body{color:gray;font-size: 12px; } /*標簽選擇器*/ p{color: red; font-size: 20px; } span{color: yellow; }

2.id選擇器
# 選中id

同一個頁面中id不能重復。
任何的標簽都可以設置id?
id命名規范 要以字母 可以有數字 下劃線 - 大小寫嚴格區分 aa和AA是兩個不一樣的屬性值

1 #box{2 background:green;3 }4 5 #s1{6 color: red;7 }8 9 #s2{ 10 font-size: 30px; 11 }

?

3.類選擇器

3.1 所謂類 就是class . class與id非常相似 任何的標簽都可以加類但是類是可以重復,屬于歸類的概念。

3.2 同一個標簽中可以攜帶多個類，用空格隔開

類的使用，能夠決定前端工程師的css水平到底有多牛逼？

答案：一定要有”公共類“的概念

1 .lv{2 color: green;3 4 }5 .big{6 font-size: 40px;7 }8 .line{9 text-decoration: underline; 10 }

?

1 <!-- 公共類 共有的屬性 --> 2 <div> 3 <p class="lv big">段落1</p> 4 <p class="lv line">段落2</p> 5 <p class="line big">段落3</p> 6 </div> 7

?

總結：

• 不要去試圖用一個類將我們的頁面寫完。這個標簽要攜帶多個類，共同設置樣式
• 每個類要盡可能的小，有公共的概念，能夠讓更多的標簽使用

玩好了類 就等于玩好了css中的1/2

到底使用id還是用class？
答案：盡可能的用class。除非一些特殊情況可以用id

原因：id一般是用在js的。也就是說 js是通過id來獲取到標簽

?

轉載于:https://www.cnblogs.com/zh-lei/p/9244901.html

總結

以上是生活随笔為你收集整理的02-css的选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。