1.交集选择器是选择两个选择器共同拥有的内容。而并集选择器是选择所有指定的选择器内容。 只要包含该标签,即会拥有指定样式。再次声明 类选择器是以.开头。 并集选择器是可以指定多个的,它们之间使用英文逗号分隔。
2.交集选择器是选择两个选择器共同拥有的内容。 必须要两个选择器同时都有才会有指定样式, 只有一个选择器不会产生作用
例如 交集
<div class="box">带有样式的div</div>
并集
<style> div,.box{ color: red; /*类选择器是以.开头*/ } </style>
<p class="box">这是p标签中的内容</p>
含有一个即可
3.相邻兄弟选择器 只会选择它之后并且紧挨着的,并且只选择一个。并且如果不紧挨也无法改变样式
相邻选择器是 选择器1+空格+选择器2+空格{ } 4.通用选择器会选择之后的所有指定兄弟标签,而不是一个
5.伪类选择器是为了达到特殊效果的一种选择器,
例如当鼠标移到div上时,背景颜色变色,同时鼠标指针变为小手形状
.box:hover{ cursor: pointer;/*鼠标指针*/ background: red; } </style>
他们都是以:开头的选择器。并且需要配合其他选择器使用,
:hover 表示鼠标移到元素上时会自动触发的效果。
6.使用 :nth-child(n) 伪类选择器来获取指定n对应位置的子节点,n是一个大于0的整数
7.定位
它会将页面中的元素指定位置
分为相对定位,绝对定位和固定定位
它的标头是 position: