!importantの意味

!importantの意味

by Hikaru Ohashi -
Number of replies: 2

 アピアランスの追加HTMLでCSSを設定していますが、!important をつけたときとつけていないときで、CSSが効いたり効かなかったりします。

 この、!important は、いったい何なのでしょうか?

 グーグルで、「moodle !important」等検索しても出てこず、何が起きているのかわからないのです。

 ご回答よろしくお願いします。

Average of ratings: -
In reply to Hikaru Ohashi

Re: !importantの意味

by Mitsuhiro Yoshida -
Picture of Developers Picture of Particularly helpful Moodlers Picture of Translators

!importantを付加したCSS記述は他の同一属性に優先されます。

例えば以下のような記述の場合、HTMLページ表示時に「Moodle」という文字が赤色 (red) で表示されます。

<html>
<head>
<style>
body {
    color: black;
    color: red !important;
}
</style>
</head>
<body>
Moodle
</body>
</html>

参考資料:
[【CSS】!importantとは - Qiita]
https://qiita.com/mzmz__02/items/6da192cd7d67e790565a

[CSS !important Property - W3Schools Online Web Tutorials]
https://www.w3schools.com/css/css_important.asp

[What does !important mean in CSS? - Stack Overflow]
https://stackoverflow.com/questions/9245353/what-does-important-mean-in-css

In reply to Mitsuhiro Yoshida

Re: !importantの意味

by Hikaru Ohashi -
最優先にできるCSSの機能が、!importantなのですね!
わかりやすい資料を、ありがとうございました!