1. 程式人生 > >css3新特性選擇器(補充)

css3新特性選擇器(補充)

last inpu child 一行 標簽 after 第一個 ren 得到

1.選擇p標簽中的第一個字符

p:first-letter{

color:red;

font-size:25px;

}

2.選擇p標簽中的第一行

p:first-line{

  color:red;

  font-size:25px;

}

3.在p的前面和後面添加偽類

p:before/after{

content:"‘;

設置屬性樣式

}

4.設置input在得到焦點、可以被修改、不能被修改、選中時的樣式

input:focus/enabled/disabled/cheked{

  background:orange;

}

5.選擇parent中第一個p標簽

#parent p :first-of-type{

  設置樣式

}

6.選擇是獨生子的p標簽(沒有任何兄弟標簽)

#parent p:only-child{

  設置樣式

}

7.選中div的第二個元素,且第二個元素是p元素(如果不符合要求,不能被選中)

div p:nth-child{

}

8.選擇div中第n個p元素

div p:nth-of-type(n){

}

9.選擇第一個和最後一個元素,且他們是p標簽

div p:first/last-child{

}

css3新特性選擇器(補充)