CSS基础知识(二)CSS选择器1

2022-11-24 0 963

一、CSS示例

依照示例类别可分成此基础示例和A43EI235E示例此基础示例主要包括条码示例、类示例、id示例和纯虚示例A43EI235E示例主要包括后裔示例、子示例、补集示例、regardless示例等

二、此基础示例

一般而言优先选择器共同组成的

(一)条码示例

用HTML条码中文名称做为示例,按条码中文名称进行分类,为某两类条码选定标准化的CSS式样促进作用:把某两类条码全数挑选出来缺点:能加速为网页中同类别的条码标准化增设式样缺点:无法内部结构设计综合化式样,根本无法优先选择全数的现阶段条码

4.句法

条码名{ 特性:特性值}例:p {color: red;}

(二)类示例

1.能综合化优先选择相同的条码,原则上选两个或是两个条码

2.句法

Pthreads{特性:特性值}

a.内部结构须要用class特性来初始化,class与Pthreads完全一致b.Pthreads他们取(如:头:header 尾:footer 导航系统:nav 文本:content等)长中文名称或短语能用中纵线重新命名(star-sing)

CSS基础知识(二)CSS选择器1

4.两个条码能指定多Pthreads,但数个Pthreads间要用字符合二为一,能节约CSS标识符,标准化修正很方便快捷

(三)id示例

1.能为贴有某一id的HTML原素选定的式样

2.句法

#id名{特性:特性值}

3.HTML原素以id特性增设id示例,CSS中id示例以#来定义

CSS基础知识(二)CSS选择器1

id和类示例的区别

a.类示例(class)能被数个人使用b.id示例是唯一的,无法重复c.类示例在修正式样中用的最多,id示例一般用于网页唯一的原素上,经常和JS搭配使用

(四)纯虚示例

1.使用“* ”定义,表示选取网页中所有原素条码2.纯虚示例不须要初始化

3.句法

*{特性:特性值}

![在这里插入图片描述](https://img-blog.csdnimg.cn/cdd1c7a1dbf546a19f16be9316783a67.png

CSS基础知识(二)CSS选择器1

(五)总结

————————————————

CSS基础知识(二)CSS选择器1

版权声明:本文为CSDN博主依旧i248的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin65548623/article/details/124185466

blog.csdnimg.cn/cdd1c7a1dbf546a19f16be9316783a67.png

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务