CSS层叠样式选择器

最新推荐文章于 2023-12-29 16:00:39 发布
最新推荐文章于 2023-12-29 16:00:39 发布
阅读量135 收藏
点赞数
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52901509/article/details/112254217
版权
CSS层叠样式选择器

通配符选择器–*{}

标签选择器–标签名{}

类选择器-- . 标签名{}

id选择器–#标签名

​ 优先级：!important > id > 类 > 标签 >通配符

​ 如果一个标签写了多套样式且不冲突，那么所有样式叠加

​ 如果冲突，那么就遵循重要性原则（！important）、具体性（优先级）、就近原则

​

父子选择器–.a>p a类标签的下一级p标签受a类标签影响，p标签的下一级不受a类影响

后代选择器–.a p a类标签下的各级标签都受他影响

兄弟选择器—h1~p 所有和h1标签平级的p标签都受a影响

相邻兄弟标签–.a+p 和h1相邻的p受h1影响

属性选择器–选择器名 标签[type=属性名]

大田⺀十
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS层叠样式表-选择器
QLqrr的博客
05-24 218
一、序号选择器 1.、first-child （表示第一个子元素） 例： <style> p:first-child{ color: red; } </style> <div> <p>序号选择器</p> <p>序号选择器</p> <p>序号选择器</p> </div> <div> <h1>序号选择器</h1> <p
CSS层叠样式表--选择器
QLqrr的博客
05-21 271
一、基础选择器 1.标签选择器 按照标签找元素，不论结构多复杂，都能找到对应的标签。 例： <style> p{ color: red; } </style> <p>标签选择器</p> 效果： 2.id选择器 通过id可以找到指定的元素。 id类似于身份证号，一个id值，只能给一个标签使用。 例： #red{ color: red; } #blue{ ...
css层叠样式表与选择器
Huathy的博客
09-17 427
@TOC 引入css样式 行内css样式 内部css样式 外部css样式 语法:选择器+声明(属性:属性值;) <head> <style> /*标签选择器*/ p{ color : red; } /* 类选择器 */ .p{ color : navy; } /* id选择器 */ #pp{ color : purpl...
CSS层叠样式表:(选择器,元素显示方式)
weixin_44818614的博客
05-30 676
1.行内式 <标签名 style=“属性1:属性值1; 属性2:属性值2; 属性3:属性值3;”> 内容 </标签名> 2.内嵌式 <head> <style type="text/CSS"> 选择器（选择的标签） { 属性1: 属性值1; 属性2: 属性值2; 属性3: 属性值3; } </style> </head> 3.外链式 <head> <link r
css层叠样式-选择器
weixin_30497527的博客
06-19 154
1.内联： 在标签中设置style属性 <标签名 style=“样式1：样式值”></标签名>2.内嵌： 在head标签中加入style标签 <style> 选择器1{ 样式1：样式值1； 样式2：样式值2； ...
CSS层叠样式表的层叠是什么意思(自我理解)
09-25
CSS层叠样式表（Cascading Style Sheets，简称CSS）是一种用于描述网页及应用程序用户界面外观和表现的样式语言。层叠的概念是CSS的核心特性之一，它涉及到样式表中的继承、权重和覆盖规则，帮助开发者有效地管理和...
自学前端CSS层叠样式表
12-13
在前端开发领域，CSS（Cascading Style Sheets）层叠样式表是不可或缺的一部分，它用于控制网页元素的外观和布局。CSS使得HTML或XML（包括SVG、MathML等各种XML方言）文档具有丰富的呈现效果，包括字体、颜色、大小...
CSS层叠样式表
06-25
综上所述，CSS层叠样式表是构建网页样式的关键工具，它提供了丰富的选择器、布局模式以及动态效果，让网页设计变得丰富多彩。随着技术的不断发展，CSS3的更多新特性使得网页设计更加灵活，适应各种设备和场景。深入...
CSS样式继承和层叠
09-24
CSS样式继承和层叠是CSS（层叠样式表）中两个关键的概念，它们共同决定了页面元素的最终显示效果。理解这两个概念对于优化网页设计和维护至关重要。 **样式继承** 样式继承是指当一个父元素设置了某些样式后，这些...
CSS层叠样式表之选择器
L201122y的博客
03-20 617
CSS层叠样式表之选择器
css基础 层叠样式表 选择器
qq_45835730的博客
09-26 125
#CSS基础 css： 层叠样式表 语法： 选择器{属性：属性值；属性：属性值；} css的三种引入方式 a. 行内样式： <p style="color:red">描述内容</p> b. 内部样式： 在head中加入<style></style>标签 c. 外部样式： 在head中加入<linkrel="stylesheet"href="css文件的位置"type="text
css层叠样式表选择器介绍
xinggey的博客
07-29 636
标签选择器：根据标签名称选择一类元素 id选择器：通过id属性选择一个元素 #value 类选择器：class为.value 普遍选择器：*代表选择所有 后代选择器：>：选择当前元素直接子元素,不包括孙代 空格：选择当前元素的所有后代元素，包括孙代元素 兄弟选择器：+：选择当前元素之后的一个兄弟元素 ~：选择当前元素之后的所有兄弟元素 属性选择器：根据元素的属性选择一类元素 ： 例：[id]:选择当前页面中具有id属
CSS层叠样式表、CSS的选择器、CSS的样式规则
m0_46420078的博客
10-09 152
一、CSS层叠样式表 <STYLE type="text/css"> 二、CSS的选择器 三、CSS的样式规则
CSS层叠样式表（二）选择器的使用
小王的博客
05-07 276
CSS层叠样式表（二） 目录CSS层叠样式表（二）一、CSS的特性二、CSS的优先级三、CSS的选择器 一、CSS的特性 1、CSS的层叠性：CSS样式可以叠加(即一个标签上可以应用多个样式) 2、CSS的继承性：在书写CSS样式表时，子标签会继承父标签的某些样式 p{ color: "red"; } <p> 西电 <span>内容</span> </p> 注：边框属性、定位属性、内外的间距属性、元素的宽高属性、布局属性、背景属性不
CSS学习
qq_45030966的博客
08-07 84
1.css 层叠样式表，用来修饰文档的语言，相当于给HTML文件进行“打扮”， 为了将内容和样式进行分离，提高了工作效率（外部样式） 2.css声明 css核心功能：给特定的属性设置特定的值 css的属性和值（大小写敏感） 属性和属性值通过“:”分割 background-color: black 3.css声明块 将多个css声明写在一起，声明和声明之间通过‘；’ 分割，使用‘{}’将多...
python中 “{:.2f}”和“%.2f”的区别
热门推荐
imredboy的博客
08-11 13万+
一种是表达式： ‘%.2f’ % num 在Python2.x和3.x都可用 另一种是字符串对象的方法： ‘{0:.2f}’.format(num) 仅Python3.x可用 例子 #A.py w = 1 print('%.2f' %w) print({:.2f}.format(w)) 两个print的输出都一样，只是一个利用了表达式，一个调用了方法， 两个都为保留小数后两位 ...
bash中的符号. : () {} [] [[]] (())的解释
acme_woo的专栏
01-29 1679
from: http://www.cnscn.org/htm_data/133/0903/21818.html　　bash下有很多像{}、[]等一些符号命令，下面是我对一些常用的符号命令的学习笔记，若有错误或纰漏望各位兄弟指正。一、.(source)　　.（点）与source命令一样，从文件中读取并执行命令，无论该文件是否都有可执行权限都能够正确的执行。且是在当前shell下执
::符号的使用
最新发布
随手记的笔记
12-29 559
方法引用是一种更简洁地表示特定方法的Lambda表达式的方式。它允许直接通过方法的名称引用已经存在的方法，而不是像Lambda表达式那样提供一个匿名函数。使用方法引用可以使代码更加简洁易读。:: 是 Java 8 引入的方法引用（Method Reference）操作符。类名或对象名：表示要引用的方法所属的类名或对象名。方法引用的语法格式为：类名/对象名::方法名。实例方法引用：对象名::实例方法名。方法名：表示要引用的方法的名称。静态方法引用：类名::静态方法名。构造方法引用：类名::new。
linux {..}用法
weixin_34237596的博客
07-09 668
一、2018-{01..07}* 　　这个意思是 2018-01* 到2018-07*全部输出出来. 二、echo {a..c} 　　a b c 转载于:https://www.cnblogs.com/Presley-lpc/p/9282264.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值