CSS 中属性和CLASS的应用

作者: 小遁哥 | 来源:发表于2018-03-30 22:24 被阅读10次

0

一个DOM元素的class属性可以有多个属性值

    <div class="shadow border"></div>

一个自定义属性只能对应一个值

   <div game="lol"></div>

这涉及到在使用JS动态应用CSS样式时,针对不同的情况应该用哪一个的问题

excuseme.jpg

1

如果表示单一的状态用属性

比如改变一个div的背景色,在红、黄、蓝、绿、紫之间切换

CLASS属性善于表示多种状态的组合

比如一个div可以有阴影、可以有动画

2

不过class属性有一点容易和自定义属性混淆,比如我添加一个类使得div的高度和宽度变大,移除这个类则消除影响

这用于表示一个元素临时的状态

最进在读CSS权威指南和JQuery的源码 有一起的小伙伴吗?
欢迎加入QQ群:598303111

往往看似简单的道理,却很难做到!


a.jpg

相关文章

  • CSS 中属性和CLASS的应用

    0 一个DOM元素的class属性可以有多个属性值 一个自定义属性只能对应一个值 这涉及到在使用JS动态应用CSS...

  • Python + Selenium(五)网页元素定位(四)cla

    class 属性可以为元素应用一个或者多个 CSS 样式类。利用此属性可以与指定的 CSS 样式类关联起来,以此达...

  • CSS学习

    CSS中的“.”和“#” 加点的表示class的名称,例如: 是用在dom元素的class属性里的加#的表示这个...

  • CSS position属性和实例应用

    CSS position属性和实例应用

  • HTML布局

    网站的布局一般使用css+div 来实现布局 1. CSS 中 id、class属性的区别 1)class是设置标...

  • 前端新手常见问题(四)-CSS选择器

    class 和 id 的使用场景? class属性: 指定标签的类名,CSS操作中,把一些特定的样式放到一个类中,...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • css选择器

    一,class 和 id 的使用场景? class:多个相同样式的元素,将它们的class属性值设为相同,css里...

  • HTML ID 和类别

    HTML 属性允许我们定义元素的附加特征或属性。通过将 id 和 class 属性分配给元素,我们可以在 CSS ...

  • 前端开发的二十一天

    css选择器基础 元素的id和class id属性是标识页面元素,若出现多个相同id属性取值,css选择器或Jav...

网友评论

    本文标题:CSS 中属性和CLASS的应用

    本文链接:https://www.haomeiwen.com/subject/jzkwcftx.html