<div></div>タグの属性の決め方が分かりません

前提・実現したいこと

<div></div>タグを使う時の属性の決め方を知りたいです。どういう場合にどの属性を用いることが適切なのか知りたいです。

発生している問題・エラーメッセージ

MDNというサイトを見ると<div> 要素は「純粋」なコンテナーとして、本質的には何も表しません。その代わり、class や id を使用してスタイル付けすると書いてあります。しかしclassやidをつけても反映されませんでした。下記の該当ソースコードを見ていただければ分かるようにstyle属性を付けると上手く反映されました。

<div></div>使用時に、どのような時にどの属性を用いれば良いのか基準が分かりません。(こういう場合にはclass、こういう場合にはid、こういう場合にはstyleを用いるかの基準が分かりません)


### 該当のソースコード
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charaset="utf-8">
  <title>ドットインストール</title>
  <link rel="icon" href="favicon.ico">
  <meta name="description" content="プログミグの学習サービスです">
</head>

<body>
  <h1>記事一覧</h1>

<article>
  <h1>記事のタイトル</h1>
  <div style="background: silver;">
    <p>お知らせです。お知らせです。お知らせです。知らせです知らせです</p>
    <footer>投稿日:<time datetime>2019-11-11</time>by @yu</footer>
  </div>
</article>
</body>
</html>
```ここに言語名を入力

試したこと

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

classやidをつけても反映されませんでした

cssを指定していないだけでは？

HTML
1<style>
2#div1{
3background: silver;
4}
5.div2{
6color: red;
7}
8</style>
9<h1>記事一覧</h1>
10
11<article>
12  <h1>記事のタイトル</h1>
13  <div id="div1" class="div2">
14    <p>お知らせです。お知らせです。お知らせです。知らせです知らせです</p>
15    <footer>投稿日:<time datetime>2019-11-11</time>by @yu</footer>
16  </div>
17</article>
18