css选择器

2019-01-28  本文已影响0人  rain_zhong

选择器是一个选择器谁的过程。

一、基础选择器

1.标签选择器

标签(属性:值;)

2.类选择器

.自定义类名(属性:值;)
特点:谁调用,谁生效.
一个标签可以多个类选择器。
多个标签可以调用同一个类选择器。
★类选择器命名规则:
不能用纯数字或者数字开头来定义类名。
不能使用特殊符号(_ 除外)来定义类名。
不推荐使用汉字来定义类名。
不推荐使用标签名、属性、属性值来定义类名。

3.id选择器

#自定义名{属性:值;}
特点:谁调用,谁生效。
一个标签只能调用一个id选择器。
一个id选择器在一个页面只能调用一次。

4.通配符选择器

*{属性:值;}

二、复合选择器

1.交集选择器

标签+类(id)选择器{属性:值;}
特点:即是某个标签,而且这个标签调用了类(id)选择器

2.后代选择器

选择器+空格+选择器{属性:值;}
后代选择器的基本要求:包含(嵌套)关系。
特点: 父在前,子在后。
无限制隔代。
只要能代表这个标签,可以是标签选择器、类选择器、id选择器自由组合。

3.子代选择器

选择器>选择器{属性:值;}
特点:选择的是直接下一代.

4.并集选择器

选择器+,+选择器+,+选择器{属性:值;}

上一篇下一篇

猜你喜欢

热点阅读