前端工程师养成计划html+css篇01-选择器

本文介绍了前端开发中CSS选择器的使用,包括基础选择器(标签、类、ID和通配符选择器)和复合选择器(交集、并集、后代及子代选择器),旨在帮助开发者更精准地定位和操作网页元素。
摘要由CSDN通过智能技术生成

有时候,一个html上有着许许多多的相同标签,但是却又不在同样的位置,这个时候我们该如何去定位到我们想要的那一个目标元素呢,在这个时候css选择器就派上了用场。

精准制导-css选择器

css选择器分成基础选择器和高级选择器,简而言之就是简单和复杂的选择器。

一、css基础选择器

1.标签选择器(元素选择器)
标签选择器是使用标签名作为选择器,给页面中某一类标签指定统一的CSS样式,语法格式如下:
仍然是键值对的格式 属性: 属性值

标签名{属性1:属性值1; 属性2:属性值2;}

2.类选择器
类选择器的格式是点后接一个类名,而类名是在标签中进行设置的,如

<!-- 类选择器使用格式如下-->
.apple {
	<!--书写css样式-->
}
<p class="apple"></p>

3.多类名选择器
一个标签可以同时拥有多个类名,所以我们可以给一个标签赋予不同的类名代表不同的含义,并且在调用的时候我们也可以写多个类名来书写统一的css样式,格式是中间需要空一格

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我是一个粉刷匠1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值