如果引号之间没有引用任何内容，class="" 会做什么？
来自http://careers.stackoverflow.com/的HTML
<a class="" href="/cv>my profile</a>
我正在尝试弄清楚如何在灰色按钮后面创建纹理。
【问题讨论】：
这意味着它没有类。其实相当于完全没有class属性。
也就是说，它可能被明确定义为空，因为生成链接的服务器端代码没有向引号之间的class 属性输出任何内容。
我正在尝试弄清楚如何在灰色按钮后面创建纹理。
这只是一张背景图片。
【讨论】：
他们没有从 class="" 中将其设为灰色。只是忽略它甚至可能不存在。
这是灰色的：
#header > #nav-container > ul.careers > li > a {
color: white;
background: #9C9C9C url(/Content/Img/header-nav-bg.png) repeat-x;
border-right: 1px solid #939393;
border-left: 1px solid #939393;
padding: 3px 10px;
}
这转换为列表项下的链接，该列表项下的类名称为“careers”，该列表项位于 id 为“nav-container”的元素下，该元素位于 id 为“header”的元素下
【讨论】：
什么都没有。
根据chrome，规则来自
#header > #nav-container > ul.careers > li > a {
color: #fff;
background: #9c9c9c url(/Content/Img/header-nav-bg.png) repeat-x;
border-right: 1px solid #939393;
border-left: 1px solid #939393;
padding: 3px 10px;
}
【讨论】：
它可能不会做任何事情并且可以安全地删除，除非 JavaScript 依赖于 className 属性始终具有非空值，我对此表示怀疑。
【讨论】：
它什么也没做。没有定义类。如果您将其删除，则不会有任何区别，除非存在依赖于存在的类属性的 javascript。如果是这样，javascript 可能会在 null 对象上中断。
它存在的另一个可能原因是它是由 webapp、cms 或其他任何东西生成的。
【讨论】：
将类设置为空字符串不会对您的元素应用任何类。
如果您想为按钮设置样式，您需要如下内容：
.stripes {
display: block;
padding: 2px;
background: url(/path/to/stripy/background.gif) repeat-x 0 0;
width: 30px;
height: 10px;
}
然后您将条纹类应用到锚元素。
<a class="stripes" href="/">linky</a>
【讨论】：
它什么都不做。可能是 CMS 的残余。
以下是 Chrome 如何查看该灰色按钮上的样式。
background-attachment: scroll;
background-clip: border-box;
background-color: #9C9C9C;
background-image: url(http://careers.stackoverflow.com/Content/Img/header-nav-bg.png);
background-origin: padding-box;
border-bottom-width: 0px;
border-left-color: #939393;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #939393;
border-right-style: solid;
border-right-width: 1px;
border-top-width: 0px;
clear: none;
color: white;
cursor: pointer;
display: inline;
float: none;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
height: 0px;
line-height: 18px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
text-align: left;
text-decoration: none;
vertical-align: baseline;
white-space: nowrap;
width: 0px;
zoom: 1;
【讨论】：
什么都没有！放一个空值也没关系。 在这种情况下（按钮'我的个人资料'）有一个css表达式会导致这种效果：
#header > #nav-container > ul.careers > li > a {
/*properties like color, size, background, etc...*/
}
这些“>”用于遵循层次结构。示例：
#div > a {
color:blue;
/*put your background*/
}
原因：
<a>Nothing happens</a>
<div>
<a>I'm blue</a>
</div>
【讨论】：
它确保“类”为空；）
【讨论】：
它绝对没有任何作用:)
他们通过选择元素本身来添加样式，例如：
#header > #nav-container > ul.careers > li > a {background:grey};
【讨论】：
它不做任何事情，但所有先前分配的样式保持不变。
【讨论】：