メトロcssとヒスイのリンク

Question

私はヒスイのhtmlコードを持っていますが、体のプロパティがヒスイのCSSからどのように設定されているかを理解することは難しいです。私はCSSファイル内のbodyタグを見ることができませんでした。

マイHTML（ヒスイ）

html 
head 
    link(rel='stylesheet', href='/control/css/metro-bootstrap.css') 
    link(rel='stylesheet', href='/control/css/vcca.css') 
    script(src="/control/js/jquery.min.js") 

    // script(src='/control/js/metro.min.js') 
    // script(src='/control/js/metro/metro-progressbar.js') 
    //script(src="/socket.io/socket.io.js") 
    //script. 

    //var socket = io.connect(document.domain+':3000'); //'+port); 
    script(src="https://cdn.socket.io/socket.io-1.0.0.js") 
    script(src="/control/script.js") 
    // script(src="/js/metro/metro-*.js") 
body.metro.vcca 
    div.tile-area.tile-area-dark.text-center 
     div.container 
      h2.font1.fg-white Visualisation Centre 
      br 
      h3.font2.fg-white Please enter the 5 digit PIN 
      input.font2.text-center.pininput(type='password')#pinInput 
      div.container#numPad 

body.metro.vccaはに何を指すのでしょうか？ bodyタグのプロパティを知るためにCSSファイル内でどこを探しますか？私は体の背景色を変える必要があった。どうやってやるの？ h2.font1.fg-whiteとはどういう意味ですか？どこで見つけるのですか？

Thankks体を選択し、事前

Answer 1

で、あなたのアプリケーションを実行し、ブラウザで開いて（通常はブラウザの最も上のF12で）ブラウザの開発者ツールを起動HTMLまたは要素]タブに移動し、移動します（下図のように）：あなたは、右のパネルで見たよう

、彼らの適切なスタイルを持つすべてのタグ/クラス/ IDのリストがあります。だからあなたはbody.metroか.metroを探して、そのスタイルを見つける必要があります。一度それを見つけると、ファイル名（右側に青色で書かれています）とその行番号を見ることができます。クリックすると、そのCSSコードに直接行きます。

クロムを使用している場合は、次のようになります。