覆蓋表格佈局的CSS類

-1

我正在使用下面顯示的CSS來創建正確對齊的表格而不使用表格。唯一的問題是其中一個字段有多個「選項」，應該在其旁邊顯示。我可以將哪種樣式附加到特定字段旁邊的項目以確保它們不顯示爲「內嵌塊」？覆蓋表格佈局的CSS類

label { 
    display: inline-block; 
    float: left; 
    clear: left; 
    width: 180px; 
    text-align: right; 
    padding-right: 5px; 
} 

input { 
    display: inline-block; 
    float: left; 
    width: 165px; 
    margin-bottom: 2px; 
}

來源

2013-08-06 BryceKrispies

你能澄清你的問題？也許有一個[jsFiddle]（http://www.jsfiddle.net）的例子。「選項」是什麼意思？ – EZSlaver

只需將一個額外的類添加到帶有多個選項的字段中，以便它不顯示內聯塊？ – eclipsis

給項目一個id。

因爲它們更具體，所以ID優先於常規元素或類語句。例如，你可以換一個DIV的項目與id="myItems"，然後上述規則後添加以下CSS規則：

 
input#myItems { 
    display: block; 
}

來源

2013-08-06 23:52:10

不確定你到底在問什麼...也許沿着這條線？

如果您想覆蓋特定元素的CSS樣式，可以使用!important聲明。

實施例：

li { 
    background-color: #000; 
} 

/*A specific list to have a white background*/ 

.specific { 
    background-color: #fff !important; 
}

的!important標籤將覆蓋所有其他風格化/繼承。 http://css-tricks.com/when-using-important-is-the-right-choice/

來源

2013-08-06 22:09:31

覆蓋表格佈局的CSS類

回答

相關問題