ガレコレ
Garage Collection
トップページ


 ■パソコン・通信
 子猫の手で利用している_holiday()関数に、祝日を追加・変更しておきました。

 なお、来年2020年には、下記の変更があります。これらも改正済みです。

--
○「スポーツの日」について

 令和2年(2020年)以降、「体育の日」は「スポーツの日」になります。

 国民の祝日に関する法律の一部を改正する法律(平成30年法律第57号)が平成30年6月20日に公布され、国民の祝日である「体育の日」の名称が「スポーツの日」に改められ、
 
その意義は「スポーツを楽しみ、他者を尊重する精神を培うとともに、健康で活力ある社会の実現を願う」とされました。(施行日:令和2年1月1日)


○国民の祝日に関する法律(昭和23年法律第178号)の特例について

 令和二年(2020年)に限り、「海の日」は7月23日(木)に、「スポーツの日」は7月24日(金)に、「山の日」は8月10日(月)になります。

 令和二年東京オリンピック競技大会・東京パラリンピック競技大会特別措置法及び
 
令和元年ラグビーワールドカップ大会特別措置法の一部を改正する法律(平成30年法律第55号)が平成30年6月20日に公布され、
 
2020年東京オリンピック・パラリンピック競技大会の円滑な準備及び運営に資するため、同法第一条により、「国民の祝日に関する法律」の特例が設けられました。(施行日:平成30年6月20日)
--


P.S.
 
平成表記を令和表記に改めて、記載しています。
 
 ご質問があったので、整理しておきます。自分は、!importantと:rootを、ほとんど使いませんけど。


 
 
B…AをBに上書き


①設定の位置
外部ファイル[*.css]
 
 
style内
 
 
セレクタ内style

②設定の順序
 同じ設定であれば、あとに設定したスタイルに上書き。

③style内
 セレクタ
 
 
.[class]
 
 
#[id]

④!important
<style>
p{
 
 
color:red
 
!important;
}
.memo{
 
 
color:blue;
}
</style>

<p>文字</p>

 文字が赤色に表示。!importantが無ければ文字は青色。
 なお、外部ファイルで!importantを指定しても、内部で上書きされます。

⑤:root
 CSS3です。IE9以降のブラウザで有効です。

(外部ファイル
 
html
 
 
:root)<(内部
 
html
 
 
:root)

*
 
 
:root
 
*

<style>
:root
 
{
 
 
background-color:black;
}
html
 
{
 
 
background-color:white;
}
:root
 
p
 
{
 
 
color:red;
}
p
 
{
 
 
color:blue;
}
</style>

<p>文字</p>

 背景が黒色、文字は赤色。
 
 昨年2018年11月6日に、W3C勧告されていました。IE11,
 
Edge,
 
Chrome,
 
Firefox,
 
Safari,
 
Operaで確認しました。

Selectors
 
Level
 
3
W3C
 
Recommendation
 
06
 
November
 
2018
https://www.w3.org/TR/selectors-3/

6.6.5.
 
Structural
 
pseudo-classes
 
6.6.5.1.
 
:root
 
pseudo-class
 
6.6.5.2.
 
:nth-child()
 
pseudo-class
 
6.6.5.3.
 
:nth-last-child()
 
pseudo-class
 
6.6.5.4.
 
:nth-of-type()
 
pseudo-class
 
6.6.5.5.
 
:nth-last-of-type()
 
pseudo-class
 
6.6.5.6.
 
:first-child
 
pseudo-class
 
6.6.5.7.
 
:last-child
 
pseudo-class
 
6.6.5.8.
 
:first-of-type
 
pseudo-class
 
6.6.5.9.
 
:last-of-type
 
pseudo-class
 
6.6.5.10.
 
:only-child
 
pseudo-class
 
6.6.5.11.
 
:only-of-type
 
pseudo-class
 
6.6.5.12.
 
:empty
 
pseudo-class

 親子関係で指定できるようになりました。例として、偶数行に背景色を付けることができます。

 

お問い合わせ


by Network Communication Note