css3新特性選擇器(補充)
阿新 • • 發佈:2017-09-06
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新特性選擇器(補充)