第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

本章總結(jié)：

nth-child():選中元素中 對(duì)應(yīng)位置的元素，不忽略其他類型元素

nth-of-type()：找到指定元素，選中所有符合的類型，如p，忽略其他類型，在找到的p中找到對(duì)應(yīng)位置元素。

first-child：選中元素中 對(duì)應(yīng)第一個(gè)的元素，不忽略其他類型元素，如果第一個(gè)位置不為該元素，則不生效。

first-of-type：找到指定元素，選中所有符合的類型，如p，忽略其他類型，在找到的p中找到對(duì)應(yīng)第一個(gè)元素。

last-child：選中元素中 對(duì)應(yīng)最后一個(gè)的元素，不忽略其他類型元素，如果最后一個(gè)位置不為該元素，則不生效。

last-of-type：找到指定元素，選中所有符合的類型，如p，忽略其他類型，在找到的p中找到對(duì)應(yīng)最后一個(gè)元素。

nth-last-child()：從最后一個(gè)到第一個(gè)查找，選中元素中 對(duì)應(yīng)位置的元素，不忽略其他類型元素

nth-last-of-type():從最后一個(gè)到第一個(gè)查找，找到指定元素，選中所有符合的類型，如p，忽略其他類型，在找到的p中找到對(duì)應(yīng)位置元素。

only-child：選中只有一個(gè)子元素的元素

only-of-type：選中子元素中只有一個(gè)該元素類型的元素

p:nth-of-type() 作用同p：nth-child()類似，nth不會(huì)忽略非p元素。

而p:nth-of-type()會(huì)在父元素下，找到所有的p，選中p對(duì)應(yīng)的nth

元素p:first-of-type{}

作用：選出第一個(gè)p

<div?class="wrapper">
??<div>我是一個(gè)塊元素，我是.wrapper的第一個(gè)子元素</div>
??<p>我是一個(gè)段落元素，我是不是.wrapper的第一個(gè)子元素，但是他的第一個(gè)段落元素</p>
??<p>我是一個(gè)段落元素</p>
??<div>我是一個(gè)塊元素</div>
</div>

.wrapper?>?p:first-of-type?{
??background:?orange;
}

選出了wrapper下面的第一個(gè)p

:nth-last-child 功能與:nth-child類似，但：nth-last-child是從結(jié)尾開(kāi)始算起，方向相反。

:nth-child()

值可以為odd、even、n、2n、2n+1等

:target偽類選擇器用于為目標(biāo)跳轉(zhuǎn)元素設(shè)置樣式。

<h2><a?href="#brand">Brand</a></h2>
<div?class="menuSection"?id="brand">
??content?for?Brand
</div>

a跳轉(zhuǎn)到#brand

id=‘#brand’的p就是目標(biāo)元素，此時(shí)：target{}改變目標(biāo)元素的樣式。

CSS3

偽類選擇器：empty

選中內(nèi)容為空的元素，

div:empty

:not 偽類選擇器

元素：not[屬性：“xxx”]{}

eg：

div:not[class = “yellow”]

html{

}?

等同于

:root{

}

太難了，后面再看

background?：?[background-color]?|?[background-image]?|?[background-position][/background-size]?|?[background-repeat]?|?[background-attachment]?|?[background-clip]?|?[background-origin],...

position 后緊跟size 前面用/隔開(kāi)

background-origin：

background-origin?：?border-box?|?padding-box?|?content-box;

只有在設(shè)置了no-repeat屬性后才有效。否則從邊框開(kāi)始

text-shadow 設(shè)置文本陰影效果：

text-shadow:?X-Offset?Y-Offset?blur?color;

CSS3中的動(dòng)畫--過(guò)渡函數(shù) transition-timing-function

transition-timing-function屬性指的是過(guò)渡的“緩動(dòng)函數(shù)”。主要用來(lái)指定瀏覽器的過(guò)渡速度，以及過(guò)渡期間的操作進(jìn)展情況，其中要包括以下幾種函數(shù)：

(單擊圖片可放大)

CSS3中的動(dòng)畫--過(guò)渡所需時(shí)間 transition-duration

transition-duration屬性主要用來(lái)設(shè)置一個(gè)屬性過(guò)渡到另一個(gè)屬性所需的時(shí)間，也就是從舊屬性過(guò)渡到新屬性花費(fèi)的時(shí)間長(zhǎng)度，俗稱持續(xù)時(shí)間。