4.CSS选择器

码农老关【关东升】 2023-01-12 13:53:46

课时名称	课时知识点
4.CSS选择器

...全文

89 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/30993277 有问题请博客留言

一、写在前面 css选择器有很多，但是常用到的也就几个，今天总结一下。二、具体选择器 2.1、id选择器 #myId {} 2.2、类选择器 .myClass {} 2.3、标签选择器 p,h1 {} 2.4、后代选择器 div h1 {} 2.5、子选择器 div>h1 {} 2.6、兄弟选择器(所有的兄弟) ul~h1 {} 2.7、相邻兄弟选择器 ul+h1 {} 2.8、属性选择器 li[name='sss'] {} 2.9、伪类选择器 h1:hover {} 2.10 h

一、常用的选择器 1.元素选择器 2.类选择器(class选择器) 3.id选择器 4.通配符选择器 二、群组选择器 三、关系选择器 1.后代选择器 2.子代选择器 3.相邻兄弟选择器 4.通用兄弟选择器 5.案例四、属性选择器 五、伪类选择器 1.常用的伪类选择器 2.否定伪类 3.元素的伪类六、伪元素选择器

6.子元素选择器（元素1 > 元素2{}），选择元素1里所有直接后代元素2。5.后代选择器（元素1 元素2 {}），选择元素1里中所有的元素2,例（7.并集选择器(元素1,元素2{}），同时选中多个元素，例（1.标签选择器(标签名{}），选中对应标签里的内容，例(3.id选择器（#id{}），选中对应id的内容，例（2.类选择器（.类名{}），选中对应类名的内容，例（第一个选择器权重为（0,0,0,1）第三个选择器权重为（0,0,1,1）第四个选择器权重为（0,1,0,1）

E m { css内容 } 通过E选择器设置 E中的 m 选择器 的css内容，m可以是E的。E>M {css内容} 通过E选择器找到 E选择器的子级M选择器，设置css内容。E~M{css内容}通过E选择器找到该元素之后所有选择器名为M的兄弟元素，并。a的伪类，伪类是css系统创建好的内部的类，用来对标签的某个时机设置样式。如果多种选择器所表达的css内容是相同的，则可以把他们写成群组选择器。假设后面的数字是权重的值，那么在比较的时候，只需把选择器的值。子级，也可以是E的后代中的某一个选择器。

关东升的课程社区_NO_2

1

社区成员

565

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章