基本使用:
.类选择器{
属性名: 属性值;
…}
2.id选择器
基本使用:
#id选择器{
属性名: 属性值;
…
}
3. html元素选择器
某个html元素{
属性名: 属性值;
…
}
4.通配符选择器
该选择器可以用到所有的html元素,但是其优先权最低
*{
属性名: 属性值;
…
}
css尖角,css2468844353,tr隱藏 css,css3 rgba颜色,css让兄弟图片变大,css树与dom树区别,css input focus
@ 为什么看到有的前端工程师将css每个选择器里的内容写成一行?
应该是个老程序猿,之前css压缩没有实现的时候,通过缩短选择器嵌套,人工进行压缩就出现了这个。而且没有less,scss开发的时候这种情况更甚,不过有了这些便捷的开发方式也希望去注意一点嵌套层数。
推荐项目工程呢还是用less,scss开发比较好,css文件开发期就是被编译的压不压缩无所谓了。
推荐楼主使用 vs code 这个编辑器 非常好用的东西。如果你要发展全栈或者学习node,这个玩意儿绕不开1
@ and和or可以一起用吗?
1.And two or three students had to share one book.两三个学生不得不共用一本书。
2.This proverb is true in love and war or other situations.这句谚语在爱情、战争或其他情况下都是正确的。
3.Wash your face by using a facecloth and soap or cleaning cream, and then wash with cool water.用洗脸巾加上肥皂或洗面奶洗脸,然后用凉水清洗。
@ css的优先级怎么判断?
css选择器优先级怎么比较CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上,CSS选择器如果细分下来,竟然多达40多种。那他们的优先级该怎么比较呢,下面就来看看吧。
● 不同级别
1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
2. 作为style属性写在元素内的样式
3. id选择器
4. 类选择器
5. 元素选择器
6. 通配符选择器
7. 浏览器自定义或继承
总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性
● 同一级别
(1) 同一级别中后写的会覆盖先写的样式
(2) 同一级别css引入方式不同,优先级不同
总结排序:内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。
对于选择器优先级,还可以通过计算权重值来比较