CSS复合选择器(在基础选择器上元素选择的方式不同)

CSS复合选择器(在基础选择器上元素选择的方式不同)_第1张图片

后代选择器:

CSS复合选择器(在基础选择器上元素选择的方式不同)_第2张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第3张图片

------------

CSS复合选择器(在基础选择器上元素选择的方式不同)_第4张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第5张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第6张图片

此情况下,红色的可以划去

子(元素)选择器:

CSS复合选择器(在基础选择器上元素选择的方式不同)_第7张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第8张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第9张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第10张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第11张图片


并集选择器:

CSS复合选择器(在基础选择器上元素选择的方式不同)_第12张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第13张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第14张图片

伪类选择器:

如放上字符会变色。

CSS复合选择器(在基础选择器上元素选择的方式不同)_第15张图片

链接伪类选择器:

CSS复合选择器(在基础选择器上元素选择的方式不同)_第16张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第17张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第18张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第19张图片


foucus伪类选择器:

CSS复合选择器(在基础选择器上元素选择的方式不同)_第20张图片

CSS复合选择器(在基础选择器上元素选择的方式不同)_第21张图片


CSS复合选择器(在基础选择器上元素选择的方式不同)_第22张图片

你可能感兴趣的:(css,前端,javascript)