Menu icon Foundation

My Posts


My Comments

Anders Thoresson commented on Anders Thoresson's post over 5 years

Oh my. It was I who had forgotten the comment styles in CSS. I'm sorry that I even bothered you with this.

Anders Thoresson commented on Anders Thoresson's post over 5 years

My bad. The code I pasted was what I tested when this didn't work:

<!-- Customizations by Anders Thoresson -->
body {
  background: blue;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  font-style: italic;
  color: red;
  background-color: blue;
}

Any change I do to h1-h6 are reflected in the rendered page. But nothing I try with the body selector changes the result.

Anders Thoresson commented on Anders Thoresson's post over 5 years

Normal CSS. And no, app.css is the last stylesheet loaded.

  <!-- If you are using CSS version, only link these 2 files, you may add app.css to use for your overrides if you like. -->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/foundation.css">

  <!-- Customizations by Anders Thoresson -->
  <link rel="stylesheet" href="css/app.css">

app.css looks like this:

The styling applied to h1-h6 works, the styling applied to body doesn't.
```CSS

<!-- Customizations by Anders Thoresson -->
html {
background: blue;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 300;
font-style: italic;
}
```

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Anders Thoresson's post over 5 years

Oh my. It was I who had forgotten the comment styles in CSS. I'm sorry that I even bothered you with this.

You commented on Anders Thoresson's post over 5 years

My bad. The code I pasted was what I tested when this didn't work:

<!-- Customizations by Anders Thoresson -->
body {
  background: blue;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  font-style: italic;
  color: red;
  background-color: blue;
}

Any change I do to h1-h6 are reflected in the rendered page. But nothing I try with the body selector changes the result.

You commented on Anders Thoresson's post over 5 years

Normal CSS. And no, app.css is the last stylesheet loaded.

  <!-- If you are using CSS version, only link these 2 files, you may add app.css to use for your overrides if you like. -->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/foundation.css">

  <!-- Customizations by Anders Thoresson -->
  <link rel="stylesheet" href="css/app.css">

app.css looks like this:

The styling applied to h1-h6 works, the styling applied to body doesn't.
```CSS

<!-- Customizations by Anders Thoresson -->
html {
background: blue;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 300;
font-style: italic;
}
```

Posts Followed

Following

  • No Content

Followers

  • No Content