css 学习（1） css多类选择器

最新推荐文章于 2025-04-09 20:50:31 发布
最新推荐文章于 2025-04-09 20:50:31 发布
阅读量231 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LongMaySunshine/article/details/90901914
一名程序员分享了从后端转向前端的经历，深入探讨了CSS类选择器的工作原理及元素class属性的多功能性，强调了类选择器的复合使用及其在网页布局中的重要作用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

为了不因摸鱼而被赶出公司的我 不得不抛弃了之前学习的后端知识捡起前端来学习

.smaple.nav-div{width:100%}
这是公司给我的css样式表第二行但是
给了我一个css样式表，"." 是类选择器我知道，类选择器后又接类选择器是什么？？。
http://www.w3school.com.cn/css/css_selector_class.asp
万能的百度没能解救我但是w3school可以 通过它的亲自试一试选项
我能看到

This paragraph is a very important warning.

.important.warning {background:silver; 选择器的代码和产生特效的代码 这很直观的告诉我选择器是对什么样的元素起效，同时告诉我一个知识，元素的class属性可以有多条属性，这是我原本浅薄的css知识从未接触的
木承平
关注
CSS基础笔记一（三种引入方式，三种特征，多个选择器，网页常见布局css+div实现）
qq_55006020的博客
06-27 1899
选择器的优先级
CSS 多类选择器一个class值可以包含一个词列表
09-25
类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也可以与其他元素结合使用;总以为html css很简单，已经掌握的很熟练了，其实我还差的很多;在 HTML 中，一个class 值中可能包含一个词列表，各个词之间用空格分隔
CSS 多类选择器
weixin_33694620的博客
12-17 203
　　写的代码多了，就会发现，自己越来越无知了，总以为html css很简单，已经掌握的很熟练了，其实我还差的很多。 　　平时没有用过css的这种写法  .a.b{display:block;}   上网一查才明白。 　　参考：http://www.w3school.com.cn/css/css_selector_class.asp 1、在 HTML 中，一个 class 值中可能包含一个词列...
CSS学习之多类别选择器
weixin_33716154的博客
02-11 124
转载于:https://www.cnblogs.com/JAVA-STUDYER/p/8440617.html
css多类选择器
weixin_30263277的博客
01-14 65
1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <style type="text/css"> 5 .a.b{ /*注意此处.a和.b之间没有空格*/ 6 background-color:bl...
CSS教程--CSS 类选择器详解
weixin_30251829的博客
10-09 242
CSS 类选择器 类选择器允许以一种独立于文档元素的方式来指定样式。 该选择器可以单独使用，也可以与其他元素结合使用。 提示：只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择器通常需要先做一些构想和计划。 要应用样式而不考虑具体设计的元素，最常用的方法就是使用类选择器。 修改 HTML 代码 在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。 为了将类...
多类选择器
lhusailiu的博客
04-26 329
Document .one{ font-size:20px; } .two{ color:red; } .three{ color:green; } .four{ font-size:30px; } #three{ color:#FF0000; } #four{ color:#FF0; font-s
CSS多类选择器注意
syl2850246的博客
09-26 324
注意：在CSS多类选择器中，如果一个标签中有多个类 如: &lt;p class="blue red"&gt;段落的颜色&lt;/p&gt;在使用CSS选择器 对其进行赋予样式的时候要注意.blue.red{color: red;}两个类之间不能有空格 ...
CSS选择器--六大类CSS选择器
chariii的博客
05-20 2679
注意：1.所有的标签上都有class属性，class属性的属性值成为类名（类似于起了一个名）2.类名可以由数字，字母，下划线，中划线组成，但是不能以数字开头或者中划线开头。class类名相当于姓名，可以重复，一个标签中可以有多个class类名。作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式。2.id属性值类似于身份证号码，在一个页面中是唯一的，不可重复的。作用：通过类名，找到页面中所有的带有这个类名的标签，设置样式。作用：通过标签名，找到页面中所有的这类标签，设置样式。
CSS： css14种类型选择器 / vue :deep() / :global() / :slotted()/CSS Modules
snow的博客
07-06 4752
CSS中的UI元素伪类选择器主要用于定义用户界面元素的特殊状态样式，如链接的悬停（hover）、激活（active）状态，以及输入框的焦点（focus）状态等。：尽量使用更具体的选择器来定位你想要样式化的元素，这样可以减少不必要的性能开销，并提高样式表的可维护性。然而，需要注意的是，当通用选择器与其他选择器结合使用时，它仍然会匹配所有元素，但样式只会应用到那些也符合其他选择器条件的元素上。符号，它选择某个元素之后的所有兄弟元素（共享相同父元素），而不仅仅是紧接在后面的元素。在CSS中，ID选择器以井号。
利用css样式选择器完成html网页编写
weixin_49722641的博客
08-26 626
css样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } body{ font-size: 12
CSS 选择器
m0_60508194的博客
09-26 1824
可以将CSS选择器分为五类：
CSS中常见选择器及其用法
薯条和番茄酱的博客
07-16 684
之前介绍过HTML中常见标签的用法，以下将介绍CSS中不同选择器的使用。CSS是用来实现页面的样式规则，可以起到美化页面的作用。通过标签选择器可以选中对HTML中对应的标签等设置特定的样式，通过类选择器可以设置同一类元素的样式，以下将详细介绍。
【CSS】CSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
02-27 1343
一、CSS 选择器作用 二、CSS 选择器分类 三、标签选择器 1、简介 2、代码示例 四、类选择器 1、简介 2、类名规范 3、代码示例 4、div 与 span 标签 ① span 标签 ② div 标签 5、多类名选择器
CSS的选择器(超详细)
热门推荐
前端开发,HTML5,css3,JavaScript,node.js,vue
11-21 9万+
一、常用的选择器 1.元素选择器 2.类选择器(class选择器) 3.id选择器 4.通配符选择器 二、群组选择器 三、关系选择器 1.后代选择器 2.子代选择器 3.相邻兄弟选择器 4.通用兄弟选择器 5.案例 四、属性选择器 五、伪类选择器 1.常用的伪类选择器 2.否定伪类 3.元素的伪类 六、伪元素选择器
CSS十种选择器详解
这个人好有趣....hh
02-22 5333
优先级：ID 选择器 > 类选择器 > 标签选择器 > 通配符我们来介绍一下 CSS 中几种常用选择器的定义方式：通用选择器用星号*表示，它不匹配某个特定的 HTML 元素，而是匹配 HTML 文档中的每个元素。在开发中，我们通常使用通用选择器来清除 HTML 元素中默认的内外边距，如下所示： 2. 标签选择器 一个完整的 HTML 文档由各式各样的标签组成，而标签选择器可以通过具体的标签名称来匹配文档内所有同名的标签，如下所示： 3. ID 选择器 ID 选择器用来匹配 HTML 文档中具有指定 ID
css类选择器大全
weixin_45439337的博客
03-06 8049
css选择器大全，以及伪元素
【CSS 选择器组合规则详解】
最新发布
weixin_43891945的博客
04-09 306
这种区别在构建复杂布局时特别重要，可以精确控制样式的应用范围。
掌握CSS选择器的在线学习游戏分享
### 知识点：CSS选择器学习 CSS (Cascading Style Sheets) 是一种样式表语言，用于描述 HTML 或 XML 文档的呈现格式。通过 CSS，我们可以为网页添加样式，控制布局，以及对元素进行定位。选择器是 CSS 的核心概念之...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值