支援CSS2 以上

用法：div > p
說明：套用在div 第一個階層有 p tag的元素
css定義：
div > p {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;
}

程式：
<html>
<head>
<title>css基本定義 (element > element)元素階層關系 套用樣式之 元素父子關系</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">

div > p {
font-size: 30px;
color: blue;
}

</style>
</head>
<body>
<div>css基本定義 (element > element)元素階層關系 套用樣式之 元素父子關系-- div Tag</div>
<div>
<h5 id="myDivId">css基本定義 (element > element)元素階層關系 套用樣式之 元素父子關系-- div h1 Tag myDivId</h5>
<p>css基本定義 (element > element)元素階層關系 套用樣式之 元素父子關系 -- div p Tag</p>
</div>
<div>
  <span><p>css基本定義 (element > element)元素階層關系 套用樣式之 元素父子關系 -- div span p Tag</p></span>
</div>
<p>css基本定義 (element > element)元素階層關系 套用樣式之 元素父子關系 -- p Tag</p>
</body>
</html>

會有一個 p Tag 被套用css喔~
圖：





測試結束~
如果還不了解可參考：w3schools CSS Selector Reference

感謝~









 






 















其它文章


arrow
arrow
    文章標籤
    css 元素 用法 element 階層 套用 父子 tag 定義 樣式 基本
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄