×
CSS样式中class和id的区别和含义
优畅主题 前端开发 2014-09-09 17:23 10,595 2 条评论

在样式表定义一个样式的时候,可以定义id也可以定义class。

1、在CSS文件里书写时,ID加前缀“#”;CLASS用“.”叫做类。

2、id一个页面只可以使用一次, class可以多次引用。

3、ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;
CLASS是一个样式,可以套在任何结构和内容上,就象一件衣服。
4、从概念上说就是不一样的:
id是先找到结构/内容,再给它定义样式;
class是先定义好一种样式,再套给多个结构/内容。
优畅提醒大家,目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。


如果本文对你有帮助,你可以扫描右边的二维码打赏,谢谢支持
联系优畅:uctheme#qq.com (#改为@)
微信订阅号:优畅主题(uctheme)
官网淘宝店:http://uctheme.taobao.com
版权声明:版权归 优畅主题 所有,转载请注明出处!
转载请保留链接: https://www.uctheme.com/922/
谢谢微信打赏

微信钱包扫描赞助

谢谢支付宝打赏

支付宝扫一扫赞助

品牌创立:2012-11-18优畅主题

优畅主题成立于2012年11月18日,专业Wordpress导购主题开发商,拥有多年Wordpress主题设计经验,专门为淘宝客和导购客站长量身打造高端赚钱模板,我们注重细节,有着严谨的开发态度,一切从客户角度出发,如果你也喜欢 WordPress导购主题,欢迎和我们一起交流!

上一篇 CSS图片垂直居中方法整理 DIV水平居中的方法小结 下一篇

7 + 5 = ?


    Warning: A non-numeric value encountered in /www/wwwroot/www.uctheme.com/wp-content/themes/uctheme/functions/comment_style.php on line 29
  1. 0#
    前端博客 2014-09-11 上午 10:01 [回复]

    其实ID和Class最大的区别是样式的层级关系。


      Warning: A non-numeric value encountered in /www/wwwroot/www.uctheme.com/wp-content/themes/uctheme/functions/comment_style.php on line 29
    • 优畅主题
      优畅主题 2014-09-11 上午 10:35 [回复]

      @前端博客 基础知识很多人还是不容易搞清楚,我发来自己提醒下自己。

取消

感谢您的支持,我们会继续努力的!

扫码支持
请支付模板相应的价格

打开支付宝扫一扫,即可进行扫码支付哦

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册