前端知识积累

一、小知识

1.css样式,id用#,class表示是一组,用.

2.对几个选择器进行同时设置同样的样式,选择器之间用逗号隔开

在这里插入图片描述

3.复合选择器:选择器之间紧紧挨在一块(对于具有相同class的兄弟元素来说的)

在这里插入图片描述

在这里插入图片描述

4.父元素,子元素,兄弟元素…

在这里插入图片描述

5.父子元素的选择器的写法(后代元素选择器)

在这里插入图片描述

6.子元素选择器(>)第一次见到

在这里插入图片描述

在这里插入图片描述

8.兄弟选择器

8.1兄弟选择器(一个)(plate+apple,plate,apple为兄弟元素,plate+apple,为plate后面的apple元素)

(1)https://www.w3school.com.cn/css/css_selector_adjacent_sibling.asp
(2)https://blog.csdn.net/qq_45623543/article/details/109184543

8.2兄弟选择器(多个)

在这里插入图片描述
nth-child(1),括号内可以写指定位置,如:1,2,3,…
在这里插入图片描述
在这里插入图片描述
span+p
在这里插入图片描述
:not(a);
在这里插入图片描述

9.伪类:给链接设置不同的状态

9.1

在这里插入图片描述

9.2

在这里插入图片描述

9.3其他

在这里插入图片描述
9.3.1focus个selection伪类
在这里插入图片描述

10、伪元素

10.1

在这里插入图片描述

10.2

在这里插入图片描述

11、属性选择器

11.1

在这里插入图片描述

11.2

在这里插入图片描述

11.3 继承

在这里插入图片描述
在这里插入图片描述
背景默认是透明的颜色,继承性为no
背景,边框和定位都不会被继承
在这里插入图片描述

12.选择器的优先级

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201101160201455.png#pic_center
在这里插入图片描述
link visited hover active 要注意顺序,link和visited要在hover和active的前面,且hover在active的前面

二、总计

1.html写移动端啊网页比较多,要兼容uc浏览器
2.ie6 一般国企和政府机关需要兼容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值