css3 1 基本的選擇器

基本的選擇器

子元素選擇器

#wrap > .inner

"en
">"
wrap
">
class="
inner
">wrap下一層
class="
inner
">          最裡層
class="
inner
">wrap下一層
class="
inner
">wrap下一層
class="
inner
">wrap下一層

view code

相鄰兄弟選擇器：

這被稱為乙個相鄰兄弟選擇器. 它只會匹配緊跟著的兄弟元素

緊跟！！！！

#wrap > #first + .inner

"en
">"
wrap
">
class="
inner
">inner
"first
">first
class="
inner
">inner
class="
inner
">inner
class="
inner
">inner
class="
inner
">inner

view code

通用兄弟選擇器：

在使用 ~ 連線兩個元素時,它會匹配第二個元素,

條件是它必須跟(不一定是緊跟)在第乙個元素之後,

且他們都有乙個共同的父元素

#wrap #first ~ div

"en
">"
wrap
">
"first
">first
class="
inner
">inner inner2
class="
inner
">inner
class="
inner
">inner
class="
inner
">inner

view code

選擇器分組：以，隔開

h1,h2,h3

"en
">

view code

css的選擇器告訴css的作用在哪個標籤上。基本選擇器標籤名選擇器 div span 類選擇器在html的標籤上，提供了屬性 class，定位到div的標籤美工經常使用的方式寫法 class的名稱 hehe 設定不同的標籤，具有相同的樣式 id選擇器在html的標籤上，提供的屬性設定...

基本css選擇器,復合選擇器,後代選擇器基本css選擇器有標記選擇器類別選擇器 id選擇器3種 1。標記選擇器每一種html標記的名稱都可以作為相應的標記選擇器的名稱，如h1,p,等等 2。類別選擇器類別選擇器的名稱可以由使用者自定義格式如下 class 3。id選擇器與類別選擇器相試 ...

作用選擇介面上的某乙個或者某一類元素標籤選擇器會選擇到頁面上所有的這個標籤的元素 h1 h1為標籤選擇所有class屬性一致的標籤，跨標籤同乙個標籤，但是顏色不同，則不能用標籤選擇器。在標籤內定義class，並在style中分別用類選擇器定義顏色好處可以多個標籤歸類，是同乙個class，...