iT邦幫忙

DAY 12
0

網路技術學習筆記系列 第 12

CSS筆記4 inheritance

  • 分享至 

  • xImage
  •  

前幾篇介紹完CSS選擇器後

今天來寫繼承關係的筆記

CSS 的繼承關係

直接用例子說明最快

HTML

		<meta charset="UTF-8">
		<title>exercise9</title>
		<link rel="stylesheet" href="sample9.css">
	
	
  		<h2>hello world!</h2>
  		<p id="art">藝術是難以<strong>理解</strong>的</p>
	

CSS

h2{
	color : red;
}
p{
	color: blue;
}
strong {
	font-size: 20px;
}

DEMO:

這裡可以看出,我只對 <p> 設定他的字是藍色的

但是它裡面的<strong> 也繼承了 <p> 的設定

並且還加上了我給予 <stong> 的新設定,把字型調大!

所以在CSS當中的繼承要看HTML裡面的tag階層關係


上一篇
CSS筆記3 樣式選擇器(selector)重點整理
下一篇
CSS筆記5 border-box 與 content-box 的區別
系列文
網路技術學習筆記17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言