要素にどのcssインクルードが使用されているかを調べる方法

Question

JSPページのテキストにH2要素と同じ色を使用したいと思います。しかし、そこにソースを表示から分かるように、ページに含まれる7枚のスタイルシートは、以下のとおりです。

私はH2要素に使用されたスタイルシートを決定するにはどうすればよい

<link rel="stylesheet" type="text/css" href="/css/style.css"/> 
<link rel="stylesheet" type="text/css" href="/css/menu.css"/> 
<link rel="stylesheet" type="text/css" href="/css/lib/jqModal.css"/> 
<link rel="stylesheet" type="text/css" href="/css/en-US/localized.css" /> 
<link rel="stylesheet" type="text/css" href="/css/lib/jquery-ui-1.8.18.custom.css" /> 
<link rel="stylesheet" type="text/css" href="/css/lib/jquery-ui.css" /> 
<link rel="stylesheet" type="text/css" href="/css/lib/jquery-ui-theme.css" /> 

？

Answer 1

名前が言うように、CSS - カスケード。したがって、h2が定義されている場合は、ブラウザはルールをフェッチしてページに適用します。だから、私が自分のアプリケーションより多くのプラグインCSSを持っている私のアプリケーションSoceallのやり方のような、いくつかのスタイルシートを含めてみましょう。

あなたがChromeの開発ツールインスペクタに表示されている場合は、あなたがすべてのカスケーディング規則を見つけることができる、と言う、私はここで<h4>を選んだ：

それは3スタイルシートやラインから取得します番号も表示されます。

<link rel="stylesheet" href="/css/fonts.css" /> 
<link rel="stylesheet" href="/css/reset.css" /> 
<link rel="stylesheet" href="/css/bootstrap.min.css" /> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css" /> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2-bootstrap.min.css" /> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker3.standalone.min.css" /> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.1.1/css/bootstrap-colorpicker.min.css" /> 
<link rel="stylesheet" href="https://cdn.rawgit.com/formvalidation/formvalidation/master/dist/css/formValidation.min.css" /> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-markdown/2.8.0/css/bootstrap-markdown.min.css" /> 

だから、ここ：

style.css:277というリンクをクリックすると、スタイルシートの宣言にも移動します。また、ファイルを編集したり、変更を活発に見ることもできます。