promotion image of download ymail app
Promoted

請問以下css表示的意思

1.

p.sample{

color:#ffffff;

background:#ff6600

}

------------------------------------------------

2.

li p{

color:#fff;

background:#990;

}

-------------------------------------------------

3.

.footer p em{

font-size:2em;

color:#390;

background:#fc0;

}

------------------------------------------------

4.

h1, .modify{

color:#cc6600;

background:#FF6699;

}

Update:

再請教~~1跟3的定義方式有甚麼差別呢?

1 Answer

Rating
  • Bill
    Lv 6
    1 decade ago
    Favorite Answer

    1.

    /*定義HTML P 標籤內使用名稱為sample的類別選擇器之CSS*/

    p.sample

    {

    color:#ffffff;/*文字顏色設為#ffffff*/

    background:#ff6600;/*背景顏色設為#ff6600*/

    }

    ------------------------------------------------

    2.

    /*定義在HTML li 標籤下 p 標籤之CSS*/

    li p{

    color:#fff;/*文字顏色設為#fff*/

    background:#990;/*背景顏色設為#990*/

    }

    -------------------------------------------------

    3.

    /*定義使用名稱為footer的類別選擇器下HTML p 標籤下 em 標籤之CSS*/

    .footer p em{

    font-size:2em;/*文字大小設為2em*/

    color:#390;/*文字顏色設為#390f*/

    background:#fc0;/*背景顏色設為#fc0*/

    }

    ------------------------------------------------

    4.

    /*定義HTML h1 標籤及名稱為modify的類別選擇器之CSS*/

    h1, .modify{

    color:#cc6600;/*文字顏色設為#cc6600f*/

    background:#FF6699;/*背景顏色設為#FF6699*/

    }

    2009-03-29 14:25:41 補充:

    差別:

    1定義HTML P 標籤內使用名稱為sample的類別選擇器之CSS

    3定義使用名稱為footer的類別選擇器下HTML p 標籤下 em 標籤之CSS

    1已經先指定HTML標籤了

    因此套用此CSS定義的條件為

    3則未指明HTML標籤

    因此套用此CSS定義的條件有很多可能:

    <em>

    or

    <em>

    or

    <em>

    ......</em></em></em>

    2009-03-29 14:31:27 補充:

    差別:

    1定義HTML P 標籤內使用名稱為sample的類別選擇器之CSS

    3定義使用名稱為footer的類別選擇器下HTML p 標籤下 em 標籤之CSS

    1已經先指定HTML標籤了

    因此套用此CSS定義的條件為

    <p class="sample">

    3則未指明HTML標籤

    因此套用此CSS定義的條件有很多可能:

    <p class="footer"><p><em>

    or

    <div class="footer"><p><em>

    or

    <a class="footer"><p><em>

    ......

    Source(s): w3c, w3c, 語法被吃掉了
    • Commenter avatarLogin to reply the answers
Still have questions? Get your answers by asking now.