尚硅谷李立超老师的web前端教学课程

本文详细介绍了CSS选择器的各类如ID、类、通配符,复合选择器,子元素、后代元素和兄弟元素的选择方法,以及属性选择器和伪类/伪元素的用法。同时涵盖了CSS控制器的要点,是初学者不可错过的CSS学习指南。
摘要由CSDN通过智能技术生成

CSS的学习笔记一:

这部分主要记录的是有关CSS选择器相关的知识和内容,有空还得多练习练习

元素样式表:

html中的注释<!--    --!>;css中的注释/**/;但是ctrl+/可以通用;

stylesheet表示样式表

外部样式表示可以在所有页面中使用

选择器:

#表示id选择器,可以对一个元素进行选择(只能使用一次);

.表示类选择器(class选择器),可以重复进行使用(和id选择器类似);

*表示通配选择器,选中所有页面中的元素。

复合选择器:交集用"."并集用","


子元素:div>span{color:"red";}

后代元素选择器:div span{color:"red";}(即选择div中的所有后代span

子元素的子元素:div>p>span{color:"red";}

兄弟元素:p+span{color:"red";}(选择p后面紧挨着的span)

               兄~弟(p~span){color:"red";}(选择兄下面所有的span

属性选择器:

伪类选择器

not即除了被选中的其它都是 

伪元素:background-color表示背景色;

               ::before表示最开头的位置,::after表示最末尾,必须和content一起使用(在此前面的元素会被自动加上“”号);

               selection表示被选中的部分。

关于CSS控制器的学习就告一段落啦~~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值