HTML元素类名称中的星号

时间:2016-10-26 22:59:53

标签: html

回顾Zappos.com的来源,我注意到他们有很多使用类名的html元素:

class='gae-click*-*Promos*Join-Zappos-Rewards-Earn-Points-Get-Free-Expedited-Shipping-and-more-Learn-More- images '

我知道星号可以在css文件本身中用于选择器,但我对页面元素不熟悉。

是通配符还是什么?或者它只是一个类的名称?

3 个答案:

答案 0 :(得分:1)

根据HTML5规则,星号是class属性的可接受值。

以下是完整的解释:HTML5: Permitted Values for ID & Class Attributes

答案 1 :(得分:1)

班级 gae-click Global-Header-zapposheader 促销*加入Zappos-奖励 - 赚取积分 - 免费加速 - 送货 - 更多 - 了解更多 - 图片

附加到(可能全局标题中的图像元素,其中alt标记(和标题)为加入Zappos奖励:赚取积分,获得免费加急运输等等!了解更多。

似乎他们只是在使用一个过于具体的基于lexagon的课程。

虽然看起来似乎有道理然后他们可能会选择上课^ =“gae-click”或上课〜=“* Promos *”

答案 2 :(得分:1)

*符号是类属性的有效值,Zappos.com网站中的用法可能与他们使用的框架有关(可能由*拆分以绑定一些事件,如click或其他)。

在检查CSS时,没有与*字符的类相关的定义。

使用class-with-very-long-definition-regarding-some-element可以在开发期间提供帮助,以防您需要元素之间的关系。这与添加data属性完全相同,如果您没有真正使用它。

一个不错的用例是按"关键字过滤"在类名称中添加事件(例如单击/悬停,例如使用class*="click")。