css的选择器

在css中需要选择到标签。标签可能嵌套非常多得层级,就像套娃一样。这个时候 不但选择起来非常容易出错。也会给用户的电脑带来压力。

在学习过css的选择器的人来讲,每个人喜欢使用的方式也不尽相同。个人推荐使用类选择器。

首先,在选择器中有权重,这样可以解决声明冲突的问题。简单来讲就是行内样式 > ID > 类选择器 > 元素 > 元素默认样式,每个选择器如下:

格式:元素名(标签名、标记名) { 声明块 }
例:h3 { color: rgb(14, 243, 14); }

通配符选择器:
选择页面多个元素
格式:*{ 声明块 }

ID选择器:
前提:需要在 HTML 中某个元素上,添加 ID 属性
特性:一个页面上的 ID 名,必须是唯一的,只能针对一个元素。
格式:#ID名 { 声明块 }

类选择器:
前提:需要在 HTML 中某一个(些)元素上,添加 class 属性
格式:.类名 { 声明块 }
类名要求:
a、不能用纯数字
b、也不能用数字开头、后面加点字母
c、尽量见名知意(英语单词、中午拼音)

还分很多,如后代、子集。伪元素、伪类等等。以及很多人使用的工程化。但是这些都会给用户带来一定的负担,增加响应时间。因此更加推荐,简单方便的类选择器。但是类名尽量做到见名知意。也不要给其他的名字起冲突!

css的选择器

上一篇:【laravel】使用jQ的$.ajax发送json数据,laravel接收不到json数据


下一篇:小程序中that和this的指向问题