web前端css偽類選擇器,css如何設置懸浮旋轉?
這與html的結構是分不開的
舉個例子
html
<div.class="pic">鼠標移過來看看<img src="你找張你本地的圖片放這里"/></div>.pic{position:relative;}
.pic img{display:none}
.pic:hover img{display:block}上面的代碼,實現了鼠標經過時,圖片顯示。但ie低版本瀏覽不支持a以外的元素的hover偽類,所以這個寫法是不兼容低版本瀏覽的。
另外你的要求是
鼠標拿開旋轉消失
這個可以在.pic img加css3的過渡屬性,在.pic:hover img加css3的旋轉屬性即可。
css什么代碼可以控制鼠標懸浮器上的超鏈接樣式?
css的hover偽類代碼可以控制鼠標懸浮其上的超鏈接的樣式的,定義超鏈接時,為了提高用戶體驗,經常需要為超鏈接指定不同的狀態,使得超鏈接在點擊前、點擊后和鼠標懸停時的樣式不同。在CSS中,通過鏈接偽類可以實現不同的鏈接狀態
如何讓ipad瀏覽器兼容ie8?
首先,在做項目前,我們一定要確認是否需要兼容IE8~IE9,從剛開始就注意兼容問題,做起來就會很舒服,如果項目完成后做兼容,簡直就是噩夢。下面是我這幾天做IE8兼容遇到的一些問題。
1、css樣式方面css樣式,盡量少用css3的這些偽類選擇器,如果使用了,在后期做兼容會很累,如果項目硬要兼容IE8+,那就請你從一開始就避免這些偽類的使用吧。避免了最難解決的偽類問題后,剩下的就是針對IE8 IE9做一些樣式上的微調,將會異常輕松。
2、JS方面 2.1、IE8是不支持className選擇節點的,所以,最省時省力的方法,我們在選擇節點時,可以多使用jquery選擇器,說實話,jQuery的兼容性還真的好。當然如果你的父節點不是element,沒法用jq的時候,只能自己拓展了;解決IE8一下不支持getElementsByClassName的方法 - CSDN博客 這個博客的方法適合隨意指定父節點,實測有效; 2.2、如果你要遍歷一個數組,請不要用map forEach,因為這些方法IE8 IE9都不支持,如 果你項目里用到了,修改起來很麻煩,那么就拓展一個map forEach方法吧。 2.
3、如果需要在文本框里添加placeholder,個人建議使用插件,將會有和原生瀏覽器一樣的效果。 推薦jquery.placeholder.js 這個插件 2.
4、現在大部分主流瀏覽器都支持bind,很不幸,IE8卻不支持,如果碰到了bind的兼容問題,那么只能自己寫拓展了。 2.
5、IE8 IE9均不支持calssList屬性,如果用到了增刪class,那么只能自己寫拓展。給不支持classList的瀏覽器(IE9以及以下等)的元素添加classList屬性 - 麥兜的博客 - CSDN博客這個博客上有具體的代碼,當然你復制下來運行發現會報錯,你需要加上這句代碼window.HTMLElement = window.HTMLElement || Element;因為IE不識別HTMLElement。 2.
6、如果你不小心用到了某個jq版本的text()方法,那么你要注意,有可能IE8不兼容,最好使用innerHTML 2.
7、IE8并不支持event.target,如果你不小心用了,會報錯 找不到 target 屬性。這就取決于IE8的機制,event只能是window對象的一個屬性,所以我們這樣寫就能兼容IE8了;var event=window["event"]; 可以用 event.srcElement獲取你想要的節點對象。
css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有