css的#和.的区别

最新推荐文章于 2024-12-02 17:57:40 发布

转载最新推荐文章于 2024-12-02 17:57:40 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/2480553921/blog/1837980

文章标签：

#python

本文介绍了CSS中类名选择器和ID选择器的区别及优先级。类名选择器(.con)与标签的class属性对应，ID选择器(#con)与标签的id属性对应。通常情况下，ID选择器的优先级高于类名选择器。

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

2019独角兽企业重金招聘Python工程师标准>>>

在选择器里

#开头的表示的id选择器

.开头的表示的是类名选择器

类名选择器的优先级要低于id选择器

但是通常我们不使用id选择器，id通常是为JS而预留的

<style>

.con {

color: #39f;

}

#con {

background-color: #f00;

}

</style>

<div class="con">HTML5 学堂</div>

<div id="con">原创技术文章</div>

类名与标签的class属性对应

id名与标签的id属性对应

转载于:https://my.oschina.net/2480553921/blog/1837980

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34054931

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端开发：CSS的“*”“#”“.”符号的对比使用

全沾软贱开发攻城狮

08-09

1万+

在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。本篇博文来分享一个关于CSS的符号相关内容，关于它的使用也是比较常用的，常用的有：“*”、“#”、“.”等符号，所以在前端项目开发中经常会用到该功能，总结一下，方便查阅使用。..................

html5-css面试题.doc

04-15

在 CSS3 中，`overflow-x` 和 `overflow-y` 被引入以允许分别控制水平和垂直方向上的溢出内容处理方式。这为网页布局提供了更多的灵活性和精确度。 ### 2. 清除浮动的方法清除浮动是前端开发中常见的需求，主要...

参与评论您还未登录，请先登录后发表或查看评论

CSS 中 # 和 . 的区别

Agust1990的专栏

08-05

877

SS 中 # 和 . 的区别 id ：用来定义页面中大的样式，如栏目划分，顶部，正文，底部等；用 #top 的形式来定义； class ：用来定义一些比较细节的样式，如具体的一个菜单，一行文字等，用 .text 的形式来定义。

CSS中ID与CLASS的区别

weixin_30888413的博客

02-21

349

id：用来定义页面中大的样式，如栏目划分，顶部，正文，底部等；用#top的形式来定义； class：用来定义一些比较细节的样式，如具体的一个菜单，一行文字等，用.text的形式来定义。定义HTML中的标签，如ul,img,p等时，直接写：img{} 以上摘自网络： #main和.main有什么区别:#main 定义的是ID为"main"这个元素的样式.main 的意思是新建一...

css中.和#区别

ZJC'博客

02-16

3669

当然有有，最简单的说#是id属性而.是class属性。 1，在css样式表中书写时，id选择符前面应该加前缀符号‘#’，而class选择符前面应该加前缀符号‘.’。 2，id属性一般在一个页面中只可以使用一次，而class可以被多次引用。 3，id作为元素的标签，用于区分不同结构和内容，而class作为一个样式，它可以应用到任何结构和内容上。 4，在布局思路上，一般坚持这样的原则：id是先确定页面...

#和.以及id和class的对比

chumixue5653的博客

07-21

2271

当然有有，最简单的说#是id属性而.是class属性。 1，在css样式表中书写时，id选择符前面应该加前缀符号‘#’，而class选择符前面应该加前缀符号‘.’。 2，id属性一般在一个页面中只可以使用一次，而class可以被多次引用。 3，id作为元素的标签，用于区分不同结构和内容...

css中#和.的区别

05-24

在CSS中，#和.都是用来选择元素的符号，但是它们的使用方式有所不同。 #用于选择ID选择器，即根据元素的ID属性来选择元素。例如，如果想选择ID为“example”的元素，可以这样写： ```css #example { /* CSS样式 *...

fecommunity#front-end-interview#4.CSS动画2

07-25

1.CSS动画的实现方式 1. transition补间动画 2. keyframe关键帧动画 3. 逐帧动画 2.过渡动画和关键帧动画的区别 3.如何实现逐帧

css/style.css ./css/style.css 区别

最新发布

07-30

以下是对 `css/style.css` 和 `./css/style.css` 的区别进行详细解析： ### 1. **相对路径与绝对路径的差异** `css/style.css` 和 `./css/style.css` 都属于相对路径写法，但它们在文件结构中的定位略有不同。 - `...

CSS .和#的区别

机智小伙的博客

05-26

1374

"." 是表示class中的中的属性 "#" 是用于id 如果是标签的话直接打标签名演示如下: /* css中对class的使用 */ .rg_left{ /*border: 1px solid red;*/ float: left; margin: 15px; } /* css中对id的使用 */ #btn_sub{ width: 100px...

css选择器中，#与.的区别

rock---you的博客

12-02

745

【代码】css选择器中，#与.的区别。

css中.和#的不同

only_LWL的博客

07-01

264

点是使用class引用的，多个控件可以同时使用一个class，一个控件上也可以使用多个class，比如 .tdRed{border:solid1pxred;} .tdBKBlue{background-color:blue;}<tdclass="tdRed"/> <tdclass="tdRedtdBKBule"/> 而ID是在一个页面中唯一的 ...

css中.号、#号、*号都是什么意思，通俗易懂系统讲解

我真的睡不够

12-19

4839

号是标签都遵循的统一样式，这个不难理解。下面总结#和.的区别和用法，通俗易懂的说，#对应id，.对应class不加对应html 标签，id优先大于class。Class与ID的区别一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本：一个Class可以定义剧本中每个人物的故事线，你可以通过CSS，Javascript等来使用这个类。

CSS中#号、.号、*号详解

m0_46848664的博客

07-16

7322

代码】CSS中#号、.号、*号详解。

CSS 特殊字符 ‘#‘ 、‘.’ 、‘*’、‘：’、空格“ ”、 ‘＞’ ， ‘，’

LlanyW的专栏

12-30

6852

上面的代码运行后，你会发现，页面中出现一个高20px，宽500px，红色背景的一个层，它可以表明#号是控制id为“csdn”的这个DIV的，也就是说css中#号是控制和他同名的网页元素的。*号是css中的通配符，意思是所有的标签都有的属性，表示所有的标签都遵循的统一样式。运行上面的代码你会发先，“第一个层”和“第二个层”拥有的是相同的css属性。上面的*号设置了页面中所有文字大小后面在没有单独设置的情况下为14像素。