CSS基础 - 常用的CSS选择器

最新推荐文章于 2024-08-30 13:54:19 发布
最新推荐文章于 2024-08-30 13:54:19 发布
阅读量604 收藏 1
点赞数
分类专栏： 前端基础 html5 前端 文章标签： vscode html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45383769/article/details/124111561
版权
本文介绍了CSS基础中的常用选择器，包括元素选择器、类选择器、ID选择器，以及它们的优先级：ID > 类 > 元素。并讲解了如何使用这些选择器来设置样式，特别强调了ID选择器的唯一性及其在组合使用中的注意事项。
摘要由CSDN通过智能技术生成

CSS基础 - 常用的CSS选择器

CSS的选择器常用的有：元素选择器，类选择器，id选择器。
它们的优先级为：id选择器>类选择器>元素选择器

1.元素选择器

相信大家都知道一个正常的p标签是咋样的吧，然后咱们在style就可以设置样式啦：
在这里插入图片描述

2.类选择器

类选择器是以“.”+想要的类名的。
在这里插入图片描述

3.id选择器

Id选择器以#号开头
在这里插入图片描述

4.常用选择器的组合

主要是便于选择，其实id选择器也可以组合的，但是没必要。因为id本就应该唯一
在这里插入图片描述

最低0.47元/天 解锁文章
努力的胡十一
关注
专栏目录
CSS五大选择器之基础选择器（简单选择器）
少年听雨、的博客
04-21 724
CSS选择器 作用：css选择器用于选取要设置样式的HTML元素 我们可以将CSS选择器分为五类： 简单选择器（元素、id、类以及通配符：*） 组合选择器（通用兄弟、相邻兄弟、后代以及子选择器） 伪类选择器（ ：hover） 伪元素选择器（ ::after） 属性选择器（a[href] ） CSS选择器----简单选择器 CSS   元素选择器 元素选择器根据元素名称选择对应的HTML元素 p { color: red; } 选择页面所以 p 元素，设置他们的文本颜色
头歌教学实践平台 Web前端开发基础 CSS-基础选择器
01-20
本教程将聚焦于CSS的基础选择器，这是学习CSS的第一步，对于构建美观、响应式的网页至关重要。通过理解并熟练运用这些选择器，开发者能够精准地定位到网页中的各个元素，为其设置样式。 一、通用选择器 通用选择器 ...
CSS-常用的选择器
paku-san的博客
05-19 1470
六种常用的选择器准备工作1、id选择器2、class选择器(类选择器)3、标签选择器4、通配符5、分组选择器6、后代选择器7、伪类选择器 准备工作 使用div标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选择器</title> &l...
CSS中的三种基础选择器及优先级
最新发布
weixin_62198635的博客
08-30 399
1.标签选择器：通过标签名找到对应元素，属性名和属性值是可以重复的，三种基础选择器是：id选择器、类选择器、标签选择器。3.id选择器：通过id名找到对应元素。优先级：id选择器>类选择器>标签选择器。4.将id选择器和类选择器放在一起比较。5.将类选择器和标签选择器放在一起比较。2.类选择器：通过类名找到对应元素。比如：.changered。例如：colorID。
选择器（尚硅谷前端网课学习笔记）
ENT_jingchui的博客
12-02 347
关系选择器 1 子元素选择器 作用：选中指定父元素的指定子元素 语法： 父元素 ＞ 子元素 2 后代元素选择器 作用：选中指定元素内的指定后代元素 语法： 祖先 后代 3 兄弟选择器 （1）作用：选择下一个兄弟 语法： 前一个 + 后一个 （2）作用：选择下边所有的兄弟 语法： 前一个 ～ 后一个 ** 属性选择器 ** ［属性名］ 选择含有指定属性的元素 ［属性名=属性值］ 选择含有指定属性和属性值的元素 ［属性名^=属性值］ 选择属性值以指定值为开头的元素 ［属性名$=属性值］ 选择属性值以指定值为结尾
css常用选择器
weixin_53533170的博客
03-31 1548
CSS常用选择器 基本选择器 1.元素选择器 语法：元素名{属性:属性值;} 特点：选中页面上所有对应元素名的元素 例： p{ color:red; } 2.类选择器 语法：.类名{属性:属性值;} 特点：选中页面上拥有该类名的元素 注：一个元素可以有多个类名 例： .box{ font-size:40px; } 3.id选择器 语法：#id名{属性:属性值;} 特点：选中页面上拥有该id名的元素 注：一个元素只能有一个id名，一个id名只能在页面上出现一次 例： #box{ font-we
这 30 类 CSS 选择器，你必须理解！
weixin_30735745的博客
03-12 415
　　CSS 选择器是一种模式，用于选择需要添加样式的元素。平时使用最多也是最简单的就是 #id、.class 和标签选择器，在 CSS 中还有很多更加强大更加灵活的选择方式，尤其是在 CSS3 中，增加了很多新的选择器，使得选择元素更加便捷，所以必须理解这些选择器，只有先理解了，多用几次，自然而然就记住了。 1、* 【CSS2】 　　通配符，选择页面所有元素。 1 *{ 2 m...
CSS基础-派生选择器
11-22
CSS基础-派生选择器，CSS入门必备资料
前端CSS基础-常规流练习.rar
04-09
4. CSS选择器的用法以及样式层叠的概念。 5. HTML结构与CSS样式的结合，创建符合设计图的网页效果。 这个练习不仅适合初学者，也对有一定经验的前端开发者巩固基础大有裨益。通过实际操作和调试，你可以更直观地...
CSS基础1-基础选择器+字体文本相关样式
12-05
本资源摘要信息涵盖了CSS基础知识点，包括基础认知、基础选择器、字体和文本样式、Chrome调试工具、综合案例等方面的知识点。 一、基础认知 * CSS的介绍：层叠样式表（Cascading style sheets） * CSS的作用：给...
最常用的五类CSS选择器
weixin_34261415的博客
02-19 186
一些新手朋友对选择器一知半解，不知道在什么情况下运用什么样的选择器，这是一个比较头疼的问题，针对新手朋友，对CSS选择器作一些简单的说明，希望能对大家的学习工作有一定的帮助，更多的CSS知识请参考Webjx.com的其他文章。 　　准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类（class）或ID，通过合适的组织，可以用最简单的方法实现同样的效果...
常用的css选择器
止喜的博客
07-23 282
1、元素选择器 元素选择器包括id选择器、类选择器、标签选择器、通配符*。 其优先级关系为：id>类>标签>* 2、关系选择器 包含选择符，用空格隔开两个选择器 A B：选择A包含的所有B元素 例：ul li：选择ul下的所有li标签，包括更深层次的li标签 并列选择符，用**，**隔开两个选择器 A,B：选择所有的A和B元素 例：div,p：选择所有的div和p。 子选择符...
CSS中的常见选择器
Java 技术专栏，从入门到精通，熟悉企业级开发
03-09 2954
本文介绍了CSS中的常见选择器，选择器的出现可以让我们实现对具体的元素标签进行定制，因此我们要掌握好各类选择器的使用。
CSS常见的选择器
dxm809的博客
03-14 1069
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;    &lt;ti
CSS常用选择器汇总
汉南最後の読書人
09-19 311
1.标记选择器（定义那些标签选择哪些CSS样式bi）
css常用选择器总结
在路上...Try Fly
02-24 1044
css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到css选择器。常用选择器： 标签选择器（针对页面中所有当前类型标签生效）例如：div{ width:1100px; height:200px; } class选择器 – 样式中（css）定义好后，在结构中（html）可以多次重复使用。例如： 结构中：`<div` class=”class名”>`</div>` 样式
⭐️CSS常见选择器
Python老吕的博客
02-28 4000
CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。每一条css样式定义由两部分组成，形式如下： [code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。
CSS选择器详解：从基础到组合应用
在后端开发中，特别是在使用AJAX进行动态更新时，理解CSS选择器也至关重要。 **选择器类型** 1. **元素选择器**：通过元素名称来选择所有匹配的元素。例如，`div`会选择所有的`<div>`元素，`h1`会选择所有的`<h1>`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值