支援CSS3 以上

用法：:empty
說明：
元素為空的

css定義：
    p tag 元素為空的套用樣式
p:empty {
width: 20px;
height: 20px;
background: lime;
}
注意事項：

程式：
<!DOCTYPE html>
<html>
<head>
<title>css3 Selector empty 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
p:empty {
    width: 20px;
    height: 20px;
    background: lime;
}
</style>
</head>
<body>
<p>name:</p>
<p>所在地:</p>
<p></p>
</body>
</html>

圖1：



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


感謝~




 






 















其它文章


arrow
arrow
    文章標籤
    css3 selector empty w3schools html 樣式 套用 用法 測試
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄