css選擇器nth child,css3的transition是直接寫在選擇器上?
寫在哪里是要分情況的,是要看你想要實現什么效果。
1)如果寫在選擇器,如果是寫的rotate等事件,則直接執行事件,如果寫的是transtion:all ease 0.5s,那么他在你鼠標移入以及鼠標移出的時候都會發揮作用。
2)寫在hover上,那么他只會在鼠標移入的時候才執行你自己定義的transtion動作,移出沒有效果;
css幾種選擇器的使用?
1.類選擇器(class選擇器)
基本使用:
.類選擇器{
屬性名: 屬性值;
...}
2.id選擇器
基本使用:
#id選擇器{
屬性名: 屬性值;
...
}
3. html元素選擇器
某個html元素{
屬性名: 屬性值;
...
}
4.通配符選擇器
該選擇器可以用到所有的html元素,但是其優先權最低
*{
屬性名: 屬性值;
...
}
CSS偽元素有哪些不得了的用法?
先列出CSS中常用的偽類
a:link {color:#FF0000;} /* 未訪問的鏈接 */
a:visited {color:#00FF00;} /* 已訪問的鏈接 */
a:hover {color:#FF00FF;} /* 鼠標劃過鏈接 */
a:active {color:#0000FF;} /* 已選中的鏈接 */
:checked 選擇所有選中的表單元素
:disabled 選擇所有禁用的表單元素
p:first-child 父元素中第一個p元素
比如#div p:first-child{
color:#E4393c;
}
:last-child 父元素中最后一個p元素
p:before
p:after 這兩個常被用來清除浮動
相同標簽怎么選擇第二個?
使用nth-childof(n);n表示相同類型的第幾個數據,第二個數據n=2