亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

@font-face能夠加載服務器端的字體文件，讓瀏覽器端可以顯示用戶電腦里沒有安裝的字體。

CSS3選擇器 :read-write選擇器

“:read-write”選擇器剛好與“:read-only”選擇器相反，主要用來指定當元素處于非只讀狀態時的樣式。

示例演示

使用“:read-write”選擇器來設置不是只讀控件的文本框樣式

input[type="text"]:read-write{

? border:2px solid red;

}

CSS3選擇器 :read-only選擇器

“:read-only”偽類選擇器用來指定處于只讀狀態元素的樣式。簡單點理解就是，元素中設置了“readonly=’readonly’”

示例演示

通過“:read-only”選擇器來設置地址文本框的樣式。

CSS3選擇器 ::selection選擇器

示例演示:

通過“::selection”選擇器，將Web中選中的文本背景變成紅色，文本變成綠色。

HTML代碼：

<p>“::selection”偽元素是用來匹配突出顯示的文本。瀏覽器默認情況下，選擇網站文本是深藍的背景，白色的字體，</p>

CSS代碼：

::-moz-selection?{
??background:?red;
??color:?green;
}
::selection?{
??background:?red;
??color:?green;
}

結果演示：

注意：

1、IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 選擇器。

2、Firefox 支持替代的 ::-moz-selection。

CSS3選擇器 :checked選擇器

在表單元素中，單選按鈕和復選按鈕都具有選中和未選中狀態。（大家都知道，要覆寫這兩個按鈕默認樣式比較困難）。在CSS3中，我們可以通過狀態選擇器“:checked”配合其他標簽實現自定義樣式。而“:checked”表示的是選中狀態。

CSS3選擇器 :enabled選擇器

在Web的表單中，有些表單元素有可用（“:enabled”）和不可用（“:disabled”）狀態，比如輸入框，密碼框，復選框等。在默認情況之下，這些表單元素都處在可用狀態。那么我們可以通過偽選擇器“:enabled”對這些表單元素設置樣式。

CSS3 only-of-type選擇器

“:only-of-type”選擇器用來選擇一個元素是它的父元素的唯一一個相同類型的子元素。這樣說或許不太好理解，換一種說法。“:only-of-type”是表示一個元素他有很多個子元素，而其中只有一種類型的子元素是唯一的，使用“:only-of-type”選擇器就可以選中這個元素中的唯一一個類型子元素。

通過“:only-of-type”選擇器來修改容器中僅有一個元素

CSS3 only-child選擇器

“:only-child”選擇器選擇的是父元素中只有一個子元素，而且只有唯一的一個子元素。也就是說，匹配的元素的父元素中僅有一個子元素，而且是一個唯一的子元素。

示例演示

通過“:only-child”選擇器，來控制僅有一個子元素的背景樣式，為了更好的理解，我們這個示例通過對比的方式來向大家演示。

HTML代碼：

<div?class="post">???<p>我是一個段落</p>???<p>我是一個段落</p>?</div>?<div?class="post">???<p>我是一個段落</p>?</div>

CSS代碼：

.post?p?{???background:?green;???color:?#fff;???padding:?10px;?}?.post?p:only-child?{???background:?orange;?}

演示結果：

CSS3 nth-last-of-type(n)選擇器

“:nth-last-of-type(n)”選擇器和“:nth-of-type(n)”選擇器是一樣的，選擇父元素中指定的某種子元素類型，但它的起始方向是從最后一個子元素開始，而且它的使用方法類似于上節中介紹的“:nth-last-child(n)”選擇器一樣。

CSS3 last-of-type選擇器

“:last-of-type”選擇器和“:first-of-type”選擇器功能是一樣的，不同的是他選擇是父元素下的某個類型的最后一個子元素。

CSS3 nth-of-type(n)選擇器

“:nth-of-type(n)”選擇器和“:nth-child(n)”選擇器非常類似，不同的是它只計算父元素中指定的某種類型的子元素。當某個元素中的子元素不單單是同一種類型的子元素時，使用“:nth-of-type(n)”選擇器來定位于父元素中某種類型的子元素是非常方便和有用的。在“:nth-of-type(n)”選擇器中的“n”和“:nth-child(n)”選擇器中的“n”參數也一樣，可以是具體的整數，也可以是表達式，還可以是關鍵詞。

CSS3 first-of-type選擇器

“:first-of-type”選擇器類似于“:first-child”選擇器，不同之處就是指定了元素的類型,其主要用來定位一個父元素下的某個類型的第一個子元素。

/*我要改變第一個段落的背景為橙色*/.wrapper?>?p:first-of-type?{
??background:?orange;
}

CSS3 結構性偽類選擇器—nth-last-child(n)

“:nth-last-child(n)”選擇器和前面的“:nth-child(n)”選擇器非常的相似，只是這里多了一個“last”，所起的作用和“:nth-child(n)”選擇器有所區別，從某父元素的最后一個子元素開始計算，來選擇特定的元素。

CSS3 結構性偽類選擇器—nth-child(n)

“:nth-child(n)”選擇器用來定位某個父元素的一個或多個特定的子元素。其中“n”是其參數，而且可以是整數值(1,2,3,4)，也可以是表達式(2n+1、-n+5)和關鍵詞(odd、even)，但參數n的起始值始終是1，而不是0。也就是說，參數n的值為0時，選擇器將選擇不到任何匹配的元素。

經驗與技巧:當“:nth-child(n)”選擇器中的n為一個表達式時，其中n是從0開始計算，當表達式的值為0或小于0的時候，不選擇任何匹配的元素。如下表所示：