cssで特定の部分だけを指定したい

こちらのHTMLの時に「普通の文章」だけを指定して色分けしたい場合はどのようにCSSを書いたらいいでしょうか？

HTML
1<body>
2        <p>普通の文章</p>
3        <p class="important">importantな文章</p>
4</body>

全体や「importantな文章」だけを指定することはできるのですが、クラス名がないのでどうしたらいいかわかりません。

よろしくお願いします。

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

回答3件

『全体や「importantな文章」だけを指定することはできる』のであれば
全体を指定して設定し、importantも指定してスタイルを打ち消せばいいと思います。

css
1p{
2  color:#00f;
3}
4p.important {
5  color:#f00;
6}

投稿2020/06/15 09:04

総合スコア3828

ベストアンサー

こんな感じですか？

css
1body :not(.important){
2  color:gray;
3}

投稿2020/06/15 08:51

総合スコア36158

2020/06/16 03:41

ありがとうございます！解決できました！

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

構造によります。提示のものだけであれば、p:first-childとかp:not(.important)でセレクトできます。

【擬似クラス - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/Pseudo-classes

投稿2020/06/15 08:47

総合スコア69458

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問