html&css选择器知识

267 阅读1分钟

基础选择器:

#### 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;} 并集选择器可以选择多组标签,中间用,隔开 任何选择器都可以作为并集选择器的一部分