回顾Zappos.com的来源,我注意到他们有很多使用类名的html元素:
class='gae-click*-*Promos*Join-Zappos-Rewards-Earn-Points-Get-Free-Expedited-Shipping-and-more-Learn-More- images '
我知道星号可以在css文件本身中用于选择器,但我对页面元素不熟悉。
是通配符还是什么?或者它只是一个类的名称?
答案 0 :(得分:1)
根据HTML5规则,星号是class
属性的可接受值。
答案 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"
)。