0

私は翡翠にhtmlコードを持っていますが、cssで翡翠からbodyプロパティがどのように設定されているかを理解するのは難しいと思います。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 とはどういう意味ですか? どこで見つけますか？

事前に感謝します

4

1 に答える 1

0

アプリを実行し、ブラウザーで開き、ブラウザーで開発者ツールを起動します (通常、ほとんどのブラウザーでは F12 を使用)。HTML または要素タブに移動し、本文を選択します (以下を参照)。

開発者ツールのスクリーンショット

右側のパネルに表示されているように、すべてのタグ/クラス/ID とそれに関連するスタイルのリストがあります。そのため、スタイルを見つけるには body.metro または .metro を探す必要があります。見つけたら、ファイル名 (右側に青色で書かれています) とその行番号をクリックすると、その css コードに直接移動します。

クロムを使用している場合は、次のようになります。 Chrome デベロッパー ツール

于 2016-05-28T05:45:22.043 に答える