CSS基础 - 常用的CSS选择器

最新推荐文章于 2024-03-09 13:40:17 发布
最新推荐文章于 2024-03-09 13:40:17 发布
阅读量542 收藏 1
点赞数
分类专栏： 前端基础 html5 前端 文章标签： vscode html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45383769/article/details/124111561
版权

CSS基础 - 常用的CSS选择器

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

1.元素选择器

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

2.类选择器

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

3.id选择器

Id选择器以#号开头

最低0.47元/天 解锁文章
努力的胡十一
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css基础知识之选择器使用示例
09-25
主要介绍了css基础知识中的选择器使用示例,需要的朋友可以参考下
CSS基础-派生选择器
11-22
CSS基础-派生选择器，CSS入门必备资料
CSS-常用的选择器
paku-san的博客
05-19 1326
六种常用的选择器准备工作1、id选择器2、class选择器(类选择器)3、标签选择器4、通配符5、分组选择器6、后代选择器7、伪类选择器 准备工作 使用div标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选择器</title> &l...
这 30 类 CSS 选择器，你必须理解！
weixin_30735745的博客
03-12 373
　　CSS 选择器是一种模式，用于选择需要添加样式的元素。平时使用最多也是最简单的就是 #id、.class 和标签选择器，在 CSS 中还有很多更加强大更加灵活的选择方式，尤其是在 CSS3 中，增加了很多新的选择器，使得选择元素更加便捷，所以必须理解这些选择器，只有先理解了，多用几次，自然而然就记住了。 1、* 【CSS2】 　　通配符，选择页面所有元素。 1 *{ 2 m...
CSS中的常见选择器
最新发布
Java 技术专栏，从入门到精通，熟悉企业级开发
03-09 2038
本文介绍了CSS中的常见选择器，选择器的出现可以让我们实现对具体的元素标签进行定制，因此我们要掌握好各类选择器的使用。
选择器（尚硅谷前端网课学习笔记）
ENT_jingchui的博客
12-02 307
关系选择器 1 子元素选择器 作用：选中指定父元素的指定子元素 语法： 父元素 ＞ 子元素 2 后代元素选择器 作用：选中指定元素内的指定后代元素 语法： 祖先 后代 3 兄弟选择器 （1）作用：选择下一个兄弟 语法： 前一个 + 后一个 （2）作用：选择下边所有的兄弟 语法： 前一个 ～ 后一个 ** 属性选择器 ** ［属性名］ 选择含有指定属性的元素 ［属性名=属性值］ 选择含有指定属性和属性值的元素 ［属性名^=属性值］ 选择属性值以指定值为开头的元素 ［属性名$=属性值］ 选择属性值以指定值为结尾
css常用选择器
weixin_53533170的博客
03-31 1496
CSS常用选择器 基本选择器 1.元素选择器 语法：元素名{属性:属性值;} 特点：选中页面上所有对应元素名的元素 例： p{ color:red; } 2.类选择器 语法：.类名{属性:属性值;} 特点：选中页面上拥有该类名的元素 注：一个元素可以有多个类名 例： .box{ font-size:40px; } 3.id选择器 语法：#id名{属性:属性值;} 特点：选中页面上拥有该id名的元素 注：一个元素只能有一个id名，一个id名只能在页面上出现一次 例： #box{ font-we
最常用的五类CSS选择器
weixin_34261415的博客
02-19 168
一些新手朋友对选择器一知半解，不知道在什么情况下运用什么样的选择器，这是一个比较头疼的问题，针对新手朋友，对CSS选择器作一些简单的说明，希望能对大家的学习工作有一定的帮助，更多的CSS知识请参考Webjx.com的其他文章。 　　准确而简洁的运用CSS选择器会达到非常好的效果。我们不必通篇给每一个元素定义类（class）或ID，通过合适的组织，可以用最简单的方法实现同样的效果...
CSS的后代选择器基础使用示例
09-24
主要介绍了CSS的后代选择器基础使用示例,是CSS入门学习中的基础知识,需要的朋友可以参考下
day03（CSS01-基础选择器+字体文本样式）.rar
12-01
day03（CSS01-基础选择器+字体文本样式）.rar
css基础选择器.md
01-06
css基础选择器.md
常用的css选择器
止喜的博客
07-23 253
1、元素选择器 元素选择器包括id选择器、类选择器、标签选择器、通配符*。 其优先级关系为：id>类>标签>* 2、关系选择器 包含选择符，用空格隔开两个选择器 A B：选择A包含的所有B元素 例：ul li：选择ul下的所有li标签，包括更深层次的li标签 并列选择符，用**，**隔开两个选择器 A,B：选择所有的A和B元素 例：div,p：选择所有的div和p。 子选择符...
CSS常见的选择器
dxm809的博客
03-14 1050
&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 297
1.标记选择器（定义那些标签选择哪些CSS样式bi）
css常用选择器总结
在路上...Try Fly
02-24 1009
css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到css选择器。常用选择器： 标签选择器（针对页面中所有当前类型标签生效）例如：div{ width:1100px; height:200px; } class选择器 – 样式中（css）定义好后，在结构中（html）可以多次重复使用。例如： 结构中：`<div` class=”class名”>`</div>` 样式
【CSS】基础 各种选择器
weixin_62321221的博客
05-15 2566
一.CSS使用方法 1.内联样式 内联样式也叫作行内样式,就是在html标签中,开始标签中写入style属性,来完成样式渲染. 优势:单独渲染该标签,优先级非常高 劣势:不利于修改,复用性很差 2.内部样式 在html文件中的<head></head>标签中加入<style></style>标签,在<style>标签中写CSS样式. 书写时需要用到选择器和{},复用性高于内联样式,插入到当前html中,别的页面不能使用 3.外部.
css的三种基础选择器的区别
03-31
CSS的三种基础选择器包括元素选择器、类选择器和ID选择器。 1. 元素选择器：使用HTML标签名称作为选择器，选取所有匹配该标签的元素。例如，选择所有段落元素可以使用p选择器。 2. 类选择器：使用"点"（.）和类名作为选择器，选取所有使用该类名的元素。例如，选择所有使用"red"类的元素可以使用.red选择器。 3. ID选择器：使用"井号"（#）和ID名称作为选择器，选取具有该ID的唯一元素。例如，选择具有"header" ID的元素可以使用#header选择器。 区别： 1. 元素选择器适用于选取所有匹配该标签的元素，而类选择器和ID选择器只选取具有相应类名或ID名称的元素。 2. 类选择器和ID选择器能够更精确地选取元素，因为它们只选取具有相应类名或ID名称的元素。而元素选择器可能会选取到不需要的元素。 3. ID选择器只能选取具有唯一ID的元素，而类选择器可以选取多个具有相同类名的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值