连接地铁css和玉

时间:2016-05-26 17:12:29

标签: html css node.js pug metro-ui-css

我在jade中有一个html代码,但我发现很难理解如何在css中使用jade设置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 是指什么? 我应该在css文件中查找哪些知道body标签的属性?我需要改变身体的背景颜色。我怎样才能做到这一点?  h2.font1.fg-white是什么意思?我在哪里找到它?

提前谢谢

1 个答案:

答案 0 :(得分:0)

运行您的应用程序,在浏览器中打开它并在浏览器上显示开发人员工具(通常在大多数浏览器上使用F12)转到HTML或元素选项卡并导航选择正文(如下所示):

Developer Tools Screenshot

正如您在右侧面板中看到的,列表中包含所有标签/类/ ID及其相关样式。所以你需要寻找body.metro或.metro才能找到它的风格。一旦你找到它,你就可以看到它的文件名(用蓝色写在右边)和它的行号,如果点击它,就直接进入那段css代码。

如果你正在使用Chrome,它将是这样的: Chrome Developer tools