CSS第二個孩子的問題

我想改變第二個按鈕的背景顏色。但是，它也影響到第一個按鈕。請問您能幫我嗎？這裏是我的代碼：「」CSS第二個孩子的問題

<table class="table table-striped table-bordered table-hover"> 
<thead> 
    <tr class="caption"> 
     <th class="center" colspan="8">Name</th> 
     <th class="center" colspan="3"> 
      <button class="btn btn-white btn-info btn-bold" title="Save" onclick="Save();"> 

      </button> 
      <button class="btn btn-white btn-info btn-bold" title="Cancel" onclick="Cancel();"> 

      </button> 

     </th> 
    </tr> 
    <tr> 
</table>

來源

2017-02-26 harry

你的代碼是不可讀的，似乎不完整的。你確定你正確地粘貼了代碼嗎？ –

你的CSS看起來像什麼？如何將按鈕添加到明確標識它們的按鈕？ – tschale

您使用「+」無故忘了指定的類。

基本上，從您的讀碼：

獲取類表中，其子元素（它是一個類）和效果（爲什麼，怎麼樣你爲什麼要使用此檢查它就像使用？如果功能）THEAD元素及其子元素。（等等等等）

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th

來源

2017-02-26 06:31:07

如何更改表中同名類但不同標題的顏色並單擊按鈕內的事件？ – harry

同一個班級，不同的班級標題？所以他們是不同的階級。 –

你能向我解釋爲什麼你用'+'？這些代碼毫無意義。 –

只要給第二個按鈕，一個額外的類。請看看這個jsfiddle

HTML

<table class="table table-striped table-bordered table-hover"> 
<thead> 
    <tr class="caption"> 
     <th class="center" colspan="8">Name</th> 
     <th class="center" colspan="3"> 
      <button class="btn btn-white btn-info btn-bold" title="Save" onclick="Save();">Save 

      </button> 
      <button class="btn btn-white btn-info btn-bold second" title="Cancel" onclick="Cancel();">Cancel 

      </button> 

     </th> 
    </tr> 
</thead> 
</table>

CSS

.second { 
    background-color: #123456; 
}

來源

2017-02-26 10:27:20 HenryM

您可以使用nth-child選擇：

button:nth-child(2) { 
    background: red; 
}

但給人按鈕它自己的類會更有意義此處

.btn-cancel { 
    background: red; 
}

引導（你似乎可以用），甚至有btn-danger類爲此做好準備，所以它會甚至工作沒有任何自定義CSS：

<button class="btn btn-bold btn-danger" onclick="Cancel();">Cancel</button>

還有其他顏色可供選擇：bootstrap docs。

Codepen example with all tree cases

順便說一句。按鈕標籤將不會與你的代碼，那麼這應該是

<button class="btn btn-white btn-info btn-bold" onclick="Save();">Save</button>

不

<button class="btn btn-white btn-info btn-bold" title="Save" onclick="Save();"></button>

來源

2017-02-28 07:57:38 helb

CSS第二個孩子的問題

回答

相關問題