CSS文件中只有一部分无效

Question

I'm new to js and I was following a tutorial to learn about node.js. I used middleware and tried to adapt my css file into pages. But only a part of css file doesn't work even though I just copied and moved the whole style part from html file to css file.

Here is my style.css .

<style type="">
body {
    background: skyblue;
    font-family: verdana;
    color: #fff;
    padding: 30px;
}
h1 {
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
h2 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
p, li {
    font-size: 16px;
    text-align: center;
}

And only background: skyblue this part doesn't work.

The part I handle with static files is just like this. app.use('/assets', express.static('assets'))

All other styles does work and I have no idea what is the cause.

Answer 1

Remove <style type=""> from your CSS. That's HTML, not CSS.

Answer 2

The skyblue color is equal to #87CEEB - might try and change to a HEX color instead as it seems node.js has trouble interpreting the skyblue color. You can see the color references here CSS Colors

Answer 3

It is not possible that only a part of CSS is not working.

Inspect body tag and check from where it is picking background style. Include your CSS right after the the CSS file from which background style is currently picked. My most probable guess is it is picking background style from some other file.

Make sure there is no in-file and inline CSS giving background style.

or use

background: skyblue !important;