子元素樣式CSS

我有一個div與ID =身體和在這個div裏面我有另一個ID = TableWrapper_Wrapper女巫充當jQuery數據表的表格。子元素樣式CSS

我想對此表應用樣式。

在我的CSS文件中，我將樣式添加到body div中，該樣式適用於TableWrapper_Wrapper，它不起作用。

body 
{ 
    font-size: 100%; 
    background:#F1F1F1; 
} 

TableWrapper_wrapper 
{ 
    font-size: 12px; 
    white-space: nowrap; 
}

下面是consloe的屏幕截圖，以便您可以看到表格的名稱。

enter image description here

可能有人請告訴我，我怎麼可能一些樣式添加到這個表。

enter image description here

2013-08-27 Pomster

TableWrapper_wrapper是一個div的ID，所以你需要使用id-selector（前綴#到id` - 閱讀css selectors

#TableWrapper_wrapper 
{ 
    font-size: 12px; 
    white-space: nowrap; 
}

2013-08-27 08:26:53

應該

#TableWrapper_wrapper 
{ 
    font-size: 12px; 
    white-space: nowrap; 
}

因爲TableWrapper_Wrapper是id不是tag。您也可以將麥粒腫樂他們使用classname與TableTables_wrapper像

.TableTables_wrapper 
{ 
    font-size: 12px; 
    white-space: nowrap; 
}

2013-08-27 08:27:44 Gautam3164

我建議你不要使用狀體的關鍵字的任何其他標籤的ID。和造型，你在樣式表給出

body 
{ 
    font-size: 100%; 
    background:#F1F1F1; 
}

如果你調用身體沒有「＃」或「」，它將被視爲body標籤

<body></body>

，你在裏面寫的樣式應用到整個身體.. 這就是爲什麼你的風格工作。和

TableWrapper_wrapper 
{ 
    font-size: 12px; 
    white-space: nowrap; 
}

這不是調用id的方法，使用這樣的哈希前綴。 '#TableWrapper_wrapper'。

#TableWrapper_wrapper 
    { 
     font-size: 12px; 
     white-space: nowrap; 
    }

和類使用點前綴，就像這個'.TableWrapper_wrapper'。

2013-08-27 08:37:59

您需要將'＃'放在CSS選擇器中。並且body標籤已經在html結構中，所以不需要使用body作爲id。你可以嘗試下面的代碼

body {font-size: 100%; background:#F1F1F1;} 
#TableWrapper_wrapper{font-size: 12px; white-space: nowrap; }

2013-08-27 10:14:36 user2721112

回答