前端学习笔记20-常用选择器
发布日期:2021-05-04 01:05:35 浏览次数:41 分类:技术文章

本文共 729 字,大约阅读时间需要 2 分钟。

前端学习笔记20-常用选择器

元素选择器

作用:根据标签名选中指定元素

语法:标签名{}

如果我们想把某个p元素的颜色改成绿色,而其他的p元素则还是红色,如何处理呢?

id选择器

作用:根据id值选中一个元素

语法:#id{}

    
Document

我是标题

少小离家老大回

乡音无改鬓毛衰

儿童相见不相识

笑问客从何处来

秋水共长天一色

落霞与孤鹜齐飞

在这里插入图片描述

id只能选中一个元素,要选多个怎么用呢?
(一个id只能用在一个元素,不能多个元素使用一个id)

class属性(类选择器)

作用:class是一个标签的属性,与id类似,但它class可以重复使用。

语法:.class属性值{}

    
Document

我是标题

少小离家老大回

乡音无改鬓毛衰

儿童相见不相识

笑问客从何处来

秋水共长天一色

落霞与孤鹜齐飞

在这里插入图片描述

class还可以给元素写多个class

我是标题

.yellow{            color: yellow;        }        .sz{            font-size: 30px;        }

在这里插入图片描述

通配选择器

作用:选中网页所有元素

语法:*{}

    
Document

我是标题

少小离家老大回

乡音无改鬓毛衰

儿童相见不相识

笑问客从何处来

秋水共长天一色

落霞与孤鹜齐飞

在这里插入图片描述

转载地址:https://blog.csdn.net/weixin_45034895/article/details/115937219 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:前端学习笔记21-复合选择器
下一篇:前端学习笔记19-css基本语法

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2024年03月02日 00时16分51秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

ad19 导出step 没有pcb_几款主流PCB软件哪个最好用,你用过几款? 2019-04-21
json mysql 字段 默认值_Newtonsoft.Json 六个超简单又实用的特性,值得一试 【上篇】... 2019-04-21
ocdma相干非相干_《Acconeer 60GHz脉冲相干雷达芯片:A111》 2019-04-21
修改表格字体颜色_Excel技巧:Excel如何修改字体颜色 2019-04-21
native react 变颜色 点击_React Native主动更改StackNavigator标头颜色 2019-04-21
prism项目搭建 wpf_WPF MVVM使用prism4.1搭建 2019-04-21
python发微信红包群_用Python实现微信自动化抢红包,再也不用担心抢不到红包了... 2019-04-21
python中func自定义函数_Python函数之自定义函数&作用域&闭包 2019-04-21
wget连接指定端口_端口通不通 telnet wget ssh 2019-04-21
eureka 调用服务_Spring Cloud微服务架构从入门到会用(二)—服务注册中心Eureka... 2019-04-21
easyexcel 工具类_问了个在阿里的同学,他们常用的15款开发者工具! 2019-04-21
mysql统计结果大于0时返回true_mysql表查询练习 2019-04-21
c语言对结构体排序中间变量,求助:c语言怎么实现结构体的排序? 总是弄不对啊... 2019-04-21
c语言宏定义只能在最前面吗,C语言宏定义注意事项 2019-04-21
android悬浮窗服务卡死,Android 悬浮窗兼容问题谈 2019-04-21
表格相关的html语言,HTML标记语言——表格标记 2019-04-21
web聊天界面html,PC端Web聊天界面+代码分享(HTML+CSS) 2019-04-21
cmake qt 添加路径 项目_CMake配置Qt工程 2019-04-21
使用python开发的软件协议_WEB开发——Python WSGI协议详解 2019-04-21
冰点下载器手机版apk_冰点文库下载器 2019-04-21