1.后代元素选择器 div p 以空格分隔,表示div的所有后代p元素 2.子元素选择器 div > p 以大于号分隔,表示div的直接子元素 3.相邻兄弟选择器 div + p 选择紧接在div元素后面的p元素,中间不能有其他元素 4.兄弟选择器 div ~ p 选择div元素后面的所有兄弟元素p 5.选择p元素,并都p元素作些筛选 p:first-of-type:p元素是其父元素从上往下,遇到的首个p元素 p:last-of-type:p元素是其父元素从上往下,遇到的最后一个p元素 p:o
派生选择器用的很多,派生选择器具体包括为后代选择器.子元素选择器.相邻兄弟选择器,我们来理解一下他们之间的具体用法与区别. 1.css后代选择器语法:h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色,h1为祖先,其他的em都是后代,即选中后代,不管是儿子还是孙子,只要是都会被选中,为后代选择器.例如 <html> <head> <style type="text/css"> ul em {color:red;