父子選擇器及選擇器使用技巧

1.父子選擇器

#style2{
    font-weight: 30px;
    background-color: silver;
    color: black;
}
/*父子選擇器*/
#style2 span{
    font-style: italic;
    color: red;
}

#style2 span span{
    font-size: 50px; }

html:

<span id="style2">這是一則<span>非常<span>重要</span></span>的新聞</span><br/>

1.子選擇器標簽要是可以識別的

2.父子選擇器可以多級的

3.父子選擇器可以適用於其他的選擇器

4.如果一個元素被id class同時修飾，id的優先級高於class

    <span class="hello" id="special">新聞一</span>

5.一個元素最多有一個id選擇器，但可以有多個類選擇器

希望新聞三是下划線、同時是斜體

a.給新聞三配置id選擇器

b.再指定類選擇器

<span class="hello style3">新聞二</span>

class hello與class style3那個為准？

css文件中記錄那個排在最后以哪個為准

6. 優先級id>css>html

7.在有些css文件中，我們可以將多個選擇器共同的內容整合