基础选择器:
#### 1.标签选择器``
例 p{ color:red; }其中p为标签选择器
2.类选择器
例.demo {backround-color:green;}
类选择器的使用为.+自己取的类名
用class=“类名”来引用
3.id选择器
例 #demo{font-size:14px;}
id选择器的使用为:#+自己取的类名
用id="类名"来引用
4.通配符选择器
例 *{ }
*表示选择所有的标签,因此在一些整个页面都有的属性时会用到
在css中我们通常在<style></style>内的最头部加上*{padding:0px;,margin:0px;}来消除浏览器自带的内容与边框的距离
复合选择器
1.后代选择器
例 .div span{font-weight:700;}其中div为父级元素,span 为div的后代
需要注意的是凡是div的后代都会被选上
2.子选择器
例.box p{font-style:italic;}
与后代选择器不同的是 子选择器只能选择离父级元素最近的那一个 为了方便记忆 我们通常称之为“亲儿子”
3.并集选择器
例 .div,p{color:pink;}
并集选择器可以选择多组标签,中间用,隔开 任何选择器都可以作为并集选择器的一部分