支援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
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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