テーブル内のセルをクリックするにはどうすればいいですか（HTML/CSSで）

Question

Screenshot: It looks so ugly

これを実行する方法はありますか？ 私は全体bootstrap.cssを実装し、私はこの他にも、他のCSSスタイルを持っていない： （私もスタイル=「背景：antiquewhite」を追加し、タグに）テーブルの

table { 
     border-collapse: collapse; 
     border-spacing: 0; 
     table-layout: fixed; 
     margin: 3px 0; 
     text-align:center; 
     cursor: default; 
    } 

ソースコードは単純です：

<table width="100%" id="a"> 
    <tr> 
     <td><h2>a</h2></td> 
    </tr> 
</table> 

以外にも、私は

<td data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-content="<table width='100px'> 
<tr> 
<td><a href='http://www.google.com' target='_blank'>google</a></td> 
</tr> 
<tr> 
<td><a href='http://www.google.com' target='_blank'>google</a></td> 
</tr> 
</table> 
"><h4>something</h4></td> 

、私のウェブサイトにポップオーバーを使用して、私はこれはまだで動作するかどうかわかりませんセルを青くする。

Answer 1

明らかにCSSルールセット。

tr:activeのようなものに、しかし

はこれを使用してみてください、通常のテーブルの色の進値で黄色を置き換えるCSSを提供してください：

td:active, 
tr td:active, 
td:hover, 
tr td:hover { 
    background-color: antiquewhite!important; 
} 

:activeはそのが取得した後要素の状態ですクリック（アクティブ）、 !importantは、!importantなしで他のすべてのルールを上書きするようにCSSに指示します。

Answer 2

ブラウザで開発ツールを開いて問題のセルを選択する必要があります。それはあなたに選択に関連するすべてのCSSを表示し、どのCSSファイルからの行を表示します。