class =“”做什么？

Question

如果引號之間沒有引用，class =“”會怎么做？

它來自http://careers.stackoverflow.com/的HTML

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

我想弄清楚如何在灰色按鈕后面創建紋理。

Answer 1

這意味着它沒有課程。 實際上，它相當於沒有class屬性。

也就是說，它可能已被明確定義為空，因為生成鏈接的服務器端代碼不會向引號之間的class屬性輸出任何內容。

我想弄清楚如何在灰色按鈕后面創建紋理。

那只是一張背景圖片。

Answer 2

他們沒有從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”的元素下

Answer 3

沒有。

根據鉻，規則來自

#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 4

它可能沒有做任何事情並且可以安全地刪除，除非JavaScript依賴於始終具有非null值的className屬性，我懷疑。

Answer 5

它沒有做任何事情。 沒有定義類。 如果刪除它將沒有區別，除非存在依賴於存在的類屬性的javascript。 如果是這樣，javascript可能會在null對象上中斷。

它存在的另一個可能原因是它是由webapp，cms或其他任何東西生成的。

Answer 6

將類設置為空字符串不會為您的元素應用任何類。

如果要為按鈕設置樣式，則需要以下內容：

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

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

什么都沒有！如果你把一個空值放在一起並不重要。 在這種情況下（按鈕'我的個人資料'）有一個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>

Answer 9

它確保“類”為空;）

Answer 10

它絕對沒有:)

他們通過選擇元素本身來添加樣式，例如：

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

Answer 11

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