[TIL]CS継承、グループ

4084 ワード
TIL WeCode htmlcss 上のコード テキストリンク

1.継承


cssが持つ特性だそうです.
スタイルが継承され、親に属性がある場合は、スタイルも子に適用されます.
親の属性があっても、子供本人がその属性を持っていれば、自分のスタイルにも適用されます.
自己紹介ページを始めたばかりの頃は、親や子供という言葉もあまり理解できませんでした.
誰が子供で、誰が両親ですか.
たとえば
<body> 
   
  <h2>안녕하세요! 저는 김예진입니다!</h2>
  <img src="이미지주소"></img>
  <p>만나서 반갑습니다.</p>
  <p class = "green-text">열심히 불코딩해요 활활활!</p>

</body>
bodyタグのh 2,img,p,green-textタグはbodyの子供、bodyは親!
言い換えれば、body値にスタイル属性を1つ与えると、h 2、img、p、green-textラベルも適用されます!

body { 
color: pink;
font-size: 15px;
}

h2 {
color: black;
} 

.green-text {
color: green;
font-size: 30px;

bodyタグのスタイルに適用されているので、pタグの「お会いできて嬉しいです」という言葉にピンクが使われています!
.green-textクラスには独自のcolor属性があるので、独自の属性を適用しました!

2.グループ


2つ以上のラベルに同じスタイルを使いたい場合は、単独で使用できます!

また忙しいから!!


h2 , .green-text {
color: green;
font-size: 30px;
あ、コンマを使って、次にラベルを書いて、適用したいスタイルを書けばいいです!
[プログラマークイズ2]宝くじの最低と最高ランキングJavaScript
A/B (1008)