選擇器之間使用大於符號

選擇父元素的子元素,不包括子元素的子元素

css選擇器使用大於符號可以選擇不含元素內的其他相同子元素,這個語法簡單的使用符號大於[ > ]在選擇器之間。

以下範例可以看出在CSS語法.div1 > p字體顏色為紅色 ,.div1裡面的子元素<p>div1-P2</p>,因為外面父元素為<span>.div1 > p使用[ > ]符號,所以受引響的只有.div1下一層級的<p><p>div1-P2</p>一樣是呈現原來的黑色文字。若沒有使用[>]符號則連同子元素內的,所有<p>都會受樣式影響呈現紅色文字。

<style type="text/css">
    .div1 > p {
        color: red;
    }

    .div2 p {
        color: red;
    }
</style> 

<div class="div1">
    <p>div1-P1</p>
    <span><p>div1-P2</p></span>
</div>

<div class="div2">
    <p>div2-P1</p>
    <span><p>div2-P2</p></span>
</div>
Add a comment

如果你有一個Gmail帳戶,你可以使用Gmail作為您的郵件服務器

表單使用 Gmail 當 SMTP 時出現 Google 帳戶:登入嘗試遭拒

該怎麼辦呢? 這一些都是為了安全性,Google 把所有不是透過 Gmail 網頁操作的發信需求,通通都先擋起來了。可以透過以下步驟解開限制:

  1. 將「安全性較低的應用程式存取權限」設為「啟用」

    進入此網頁 https://www.google.com/settings/security/lesssecureapps ,設為「啟用」。 如果怕我給的連結是騙人的,您也可以到 Google 帳戶內找到「安全性較低的應用程式存取權限」的設定,是一樣的東西。

Add a comment

GA-Z77-DS3H成功使用dsdt將GT-640 HDMI 聲音輸出,以下為使用到的Extra資料,若相同規格的可直接拿來使用。

Add a comment

Apple的遊覽器Safari,原來也有像其他遊覽器如Chrome firefox檢查網頁元素的功能,只是預設隱藏需要手動去打開。

偏好設定 > 進階 > 在選單中顯示開發人員選單。

Add a comment

Peter Belanger攝影大師為蘋果產品iPhone3拍攝

舊金山的商業攝影師Peter Belanger為蘋果產品攝影師,以下紀錄片是紀錄Peter Belanger如何為Macworld雜誌,拍攝iphone3的過程。

Add a comment