登录  /  注册
首页 > web前端 > css教程 > 正文
大家看了就明白了css样式中类class与标识id选择符的区别小结_经验交流
php中文网
发布： 2016-05-16 12:06:40
原创
1382人浏览过
你可以用类选择符class和标识选择符id来定义自己的选择符。

这样做的好处是，依赖于class或者id，你可以不同地表现相同的HTML元素。

在CSS中，类选择符在一个半角英文句点（.）之前，而id则在半角英文井号（#）之前。

看起来像这样：

#top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; }
HTML与CSS的连接用属性id和class。像这样：

Chocolate curry

This is my recipe for making curry purely with chocolate

Mmm mm mmmmm



id和class不同之处在于，id用在唯一的元素上，而class则用在不止一个的元素上。

你也可以为一个指定的HTML元素应用选择符，把HTML选择符放置在前面就可以了，所以， p.jam { whatever }会应用在有类“jam”的段落上。


一个id名称在一个页面里面通常是唯一定义的,因此在页面里定义css通常建议使用class,这样你可以重复使用你的css. 而把id留给最需要使用html元素的javascript等
相关标签：
css 样式 class 标识id 选择符 区别
来源：php中文网
上一篇：页面布局黄金比例[图片]_经验交流 下一篇：网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容_经验交流
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何检查日期是否在将来，对于分开的日期和时间列？ 我有两个分开的列用于存储日期：一个是以YYYY-mm-dd格式存储日期本身的列，另一个是以time(7)数据类型存储时间的列，例如11:15:10.0000000。我该如何检查那些...
P粉021854777来自于2023-07-31 19:18:47
0 1 125
如何在Laravel中覆盖一个包的作业 问题摘要：我们无法覆盖已安装包的作业类，因为自定义作业和包的作业具有相同的命名空间。假设有一个包含一些作业类的包，该包具有App\Jobs命名空间。该包安装在A服务和B服务中。现在...
P粉362071992来自于2023-07-31 18:47:54
0 1 230
Laravel: 错误 [PDOException]: 在 PostgreSQL 中找不到驱动程序 Translate: "I'm trying to connect with PostgreSQL database through Laravel in order t...
P粉722409996来自于2023-07-31 18:16:43
0 2 217
使用PHP短标签是否可接受？ 根据官方文档的信息，PHP中有四对不同的开闭标签可以使用。其中两对（<?php ?>和<?= ?>）始终可用。另外两对是短标签（<? ?>）和A...
P粉882357979来自于2023-07-31 17:44:33
0 2 181
请有人告诉我我的代码中有什么错误，以及需要在哪里进行更改 我正在尝试通过SQL查询将数据从数据库中提取到WordPress插件中。然而，即使没有显示任何错误，循环也不起作用。我在互联网上尝试了很多方法，但它们都没有起作用。以下是我的代码：...
P粉147045274来自于2023-07-31 17:05:37
0 1 139
如何在 Laravel 中防止子文件夹中的重复文件 我创建了一个添加视图，可以同时上传多个文件。当文件被上传时，文件路径会显示为类似于 'Drawings/PartNumber/Type/filename.extension' 的格...
P粉770375450来自于2023-07-31 16:12:39
0 1 188
PHP DateTime比较结束日期的翻译是： Iamhavingaproblemtomakemybuttondisabledbycomparingthetoday'sdatetimewithenddateondatabase....
P粉920835423来自于2023-07-31 15:48:47
0 1 218
使用laravel-translatable获取特定语言的Laravel文章。 我正在使用laravel-translatable库开发一个多语言的网站系统。在这个Web应用程序中，没有前端，数据是通过API进行读写。我面临的问题是无法获取数据库中存储的所有记...
P粉598140294来自于2023-07-31 15:35:41
0 1 209
使用复选框添加产品选项卡到Woocommerce，以添加功能来添加第二个“添加到购物车”。 我需要一些帮助，非常感谢您的努力！我的问题是，安装的插件替换了产品页面上的标准添加到购物车按钮。我不想改变它，并且我需要在其下方添加第二个添加到购物车按钮。情况是，另一个用于免费产...
P粉262113569来自于2023-07-31 15:01:29
0 1 190
显示0.00金额给Stripe。 我正在使用Stripe，用户通过一次付款订阅不同的付费计划。付款成功进行，但主要问题是在3D Secure付款过程中（我们在欧洲运营，3D Secure付款检查是强制性的），显示给...
P粉237125700来自于2023-07-31 14:36:38
0 1 179
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网，和优秀的人一起学习！
全站2000+教程免费学
微信扫码登录

  • 精品班

  • 立即咨询

  • 微信沟通

  • QQ群

  • 优惠券

  • 返回顶部