css:last-child
偽類選擇器用於匹配父元素中的最後乙個子元素。
:last-child
偽類選擇器僅僅會匹配某個父元素中的最後乙個子元素,例如:
<
article
>
<
p
>
第乙個段落...
<
p
>
第二個段落...
如果使用下面的css規則來新增樣式,那麼第二個段落的文字大小將被修改:
p:last-child
但是如果在容器中,段落不是最後乙個子元素,那麼它不會被匹配,例如:
<
article
>
<
h1
>標題
<
p
>
第乙個段落...
<
h2
>
標題2
如果還是使用上面的css規則,將沒有段落元素會被匹配。
在這種情況下,如果你想匹配段落元素,可以使用:lastt-of-type
偽類選擇器。正如其名字所示,:last-of-type
偽類選擇器匹配的是某種型別元素的最後乙個元素。使用下面的**將匹配h1標題之後的段落元素:
p:lastt-of-type
示例**
假如你有一段這樣的html**:
<
article
>
<
h1
>這是乙個標題元素
<
p
>
第乙個段落,但不是父元素中的第乙個元素。
<
p
>
第二個段落。 <
span
>這是段落中的乙個行內元素。
<
ul
>
<
li
>第乙個無序列表項
<
li
>第二個無序列表項
<
li
>第三個無序列表項
下面的**會匹配第二個段落中的行內元素。
span:last-child
下面的**會匹配最後乙個無序列表項。
li:last-child
下面的**不會匹配任何的p段落。
p:last-child
下面的**通過::before和::after偽元素來為元素新增內容。
span:last-child::before
span:last-child::after
下面的例子是上面**的實際效果。
第乙個段落,但不是父元素中的第乙個元素。
第二個段落。 這是段落中的乙個行內元素。
瀏覽器支援
所有的現代瀏覽器都支援:last-child
偽類選擇器,包括:chrome, firefox, safari, opera9.5+, internet explorer 9+ 以及 android 和 ios。
C 無參屬性
大家來討論下c 無參屬性這個東西到底有沒有存在的必要?永遠不要公開型別的字段,物件導向設計和程式設計的重要原則之一就是 資料封裝。如果公開型別的字段,會很容易的寫出不恰當使用欄位的 這裡可以把字段宣告為private,然後宣告訪問器方法。class test private string name ...
C 無參屬性
大家來討論下c 無參屬性這個東西到底有沒有存在的必要?永遠不要公開型別的字段,物件導向設計和程式設計的重要原則之一就是 資料封裝。如果公開型別的字段,會很容易的寫出不恰當使用欄位的 這裡可以把字段宣告為private,然後宣告訪問器方法。class test public string getnam...
C 有參屬性(索引器)
無參屬性大家可以參考比對下。今天又翻了翻書,看看有參屬性 索引器 跟無參屬性有啥區別。屬性的get訪問器方法不接受引數,所以我們將這些屬性稱為無參屬性,因為無參屬性與字段的訪問有些相似,所以這些屬性很容易理解。除了這些與字段訪問有些相似的屬性,c 還支援有參屬性 索引器 它的get訪問器方法接受乙個...