class =“”做什么？

Question

如果在引号之间没有引用任何内容，class =“”会做什么？

它来自http://careers.stackoverflow.com/

<a class="" href="/cv>my profile</a> 

我试图找出如何创建的灰色按钮背后的纹理HTML。

Answer 1

它们并没有使它从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; 
} 

与类名“职业生涯”，这是ID“导航容器”的元素列表下转化为链接列表项下是下标识为“标题”的元素

Answer 2

这意味着它不会有一个类。实际上，这相当于根本没有class属性。

这就是说，它可能已经被明确定义为空，因为生成的链接的服务器端代码不输出任何东西引号之间的class属性。

我想弄清楚如何在灰色按钮后面创建纹理。

这只是一个背景图片。

Answer 3

它可能不会做任何事情，可以安全地删除，除非JavaScript依赖于className财产有一个非空值的所有时间，我怀疑。

Answer 4

它确保“类”为空;）

Answer 5

没有。

据铬，规则来自

#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; 
} 

Answer 6

它是绝对没有什么:)

他们选择元素本身喜欢这里例如添加样式：

#header > #nav-container > ul.careers > li > a {background:grey}; 

Answer 7

它什么都不做。没有定义类。如果你删除它，除非有依赖于类属性的JavaScript。如果是这样，那么javascript可能会在一个null对象上中断。

它存在的另一个可能的原因是它是由webapp，cms或其他产生的。

Answer 8

将类设置为空字符串不会向您的元素应用类。

如果你想样式的按钮，你需要像下面这样：

.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> 

Answer 9

它什么都不做。可能是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; 

Answer 10

它不做任何事情，但所有以前分配的样式保持不变。

Answer 11

没什么！如果你输入一个空值，那没关系。 在这种情况下（按钮“我的个人资料”）有一个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>