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>