支援CSS1 以上

用法：div p
說明：套用在div裡面有p tag的元素
css定義：
div p {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;
}
注意事項：
    是在div裡面所有的p tag元素，沒有限幾階層。
例加：<div> <spen><p>這也被有套用</p></spen></div>
我們看程式吧~
程式：
<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>
<h1 id="myDivId">css基本定義 (element element)元素階層關系 套用樣式之 元素內關系-- div h1 Tag myDivId</h1>
<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 元素 階層 tag 定義 樣式 基本 套用 element
    全站熱搜

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

    E-mail轉寄