父元素:直接包含子元素的元素
我是div的多少京東i啊水平較低的怕就怕但是就怕的
在金色的麥田中
我是p標籤
有一群小朋友
子元素:直接被父元素包含的元素
祖先元素:直接或間接包含後代元素的元素
後代元素:直接或間接被祖先元素包含的元素
兄弟元素:擁有相同父元素的叫做兄弟元素
為div中的span 設定顏色,後代選擇器:選中指定元素的指定後代元素
祖先元素 後代元素{} -->
選中id為d1的p元素
為div的子元素span,選中指定父元素的指定子元素語法 :父元素》子元素
#d1 p span(這是選中後代元素的語法)
選擇器越短越好
為div的子元素span設定乙個背景元素
子元素選擇器語法:語法 父元素》子元素
【選中id 也即選中標籤,後代元素選擇法和父子選擇發結構都是三個標籤,連線符號為空格或者是》。但是常用選擇器可以組合,元素和類別均可中間無連線符或者為,再一說就是,屬性選擇器,形式是元素[title=「屬性值」],偽類選擇器是元素:偽類名。兄弟選擇器兩個元素值之間用+(第乙個兄弟)或者是~(所有)另乙個:否定偽類 元素名:(.型別名)】
#d1>p>
div的空格比p較小,但並不是沒有空格
ie6及以下不支援子元素選擇器
當然後代中的選擇也可以用這種類似於偽類的格式來書寫 語法
元素:哪乙個孩子
括號中可寫even 或者 odd 控制偶數或者是奇數字置的子元素p:first-child既是p元素,又得是第乙個子元素(任意父親都可以) -->
p:last-child
p:nth-child(1,2,3or4)
(隔行變色)
該選擇器可以指定要選擇第幾個子元素
p:firt-of-type(指一種元素的第乙個),child是在所有的子元素排,而type
表示當前的元素排列
後代選擇器和子元素選擇器
1.後代選擇器和子元素選擇器之間的區別?1.1 後代選擇器使用空格作為連線符號 子元素選擇器使用 作為連線符號 1.2 後代選擇器會選中指定標籤中,所有的特定後代標籤,也就是會選中兒子 孫子 只要是被放到指定標籤中的特定標籤都會被選中 子元素選擇器只會選中指定標籤中,所有的特定的直接標籤,也就是只會...
後代選擇器與子元素選擇器的區別
1.後代選擇器用空格作為連線符號 2.子元素選擇器用 作為連線符號 1.後代選擇器會選中指定標籤中,所有的特定後代標籤,也就是會選中兒子,孫子,只有放到標籤中的特定標籤都能選中 2.子元素選擇器只會選中指定標籤中,所有特定的直接標籤,也就是只會選中特定的兒子標籤 1.後代選擇器和子元素標籤都可以使用...
CSS後代選擇器 子元素選擇器 相鄰兄弟選擇器
後代選擇器 後代選擇器 descendant selector 又稱為包含選擇器。後台選擇器可以選擇作為某元素後代的元素。例子 如果只希望h1元素中的em元素應用樣式,可以這樣寫 em元素 強調文字 h1 em this is a important paragraph.注意 如果寫作ul em,這...