css中的偽類和目標(biāo)選擇器使用，如何評(píng)價(jià)CSS框架TailwindCSS？

我目前正在用tailwind，剛從bootstrap轉(zhuǎn)過來的時(shí)候各種不習(xí)慣，現(xiàn)在也還好吧，tailwind給我的感覺就是自由程度高，你可以隨便建立一個(gè)自己的組合，而bootstrap是現(xiàn)成的，例如row，tailwind要自己建個(gè)class row 然后apply flexwrap py-4等，但不方便的是建立某些component就比較麻煩，例如booostrap有現(xiàn)成的tab，carousel等，而tailwind就自己建，不過我現(xiàn)在用vue+tailwind，就舒適很多了，幾乎很少特意去寫新的style，直接套用tailwind，只是現(xiàn)在還有很多名稱記不住

css中四種常用的虛類順序？

四種偽類存在著一定的順序，稱為LVHA順序。各個(gè)樣式之間的順序很有講究，一旦出現(xiàn)排列錯(cuò)誤就很有可能形成覆蓋，導(dǎo)致其中某個(gè)樣式無法顯示。link與visit的位置是隨意的。但hover，focus，active則必須按照focus–hover–active這個(gè)順序。

如何讓ipad瀏覽器兼容ie8？

首先，在做項(xiàng)目前，我們一定要確認(rèn)是否需要兼容IE8~IE9，從剛開始就注意兼容問題，做起來就會(huì)很舒服，如果項(xiàng)目完成后做兼容，簡(jiǎn)直就是噩夢(mèng)。下面是我這幾天做IE8兼容遇到的一些問題。

1、css樣式方面css樣式，盡量少用css3的這些偽類選擇器，如果使用了，在后期做兼容會(huì)很累，如果項(xiàng)目硬要兼容IE8+，那就請(qǐng)你從一開始就避免這些偽類的使用吧。避免了最難解決的偽類問題后，剩下的就是針對(duì)IE8 IE9做一些樣式上的微調(diào)，將會(huì)異常輕松。

2、JS方面 2.1、IE8是不支持className選擇節(jié)點(diǎn)的，所以，最省時(shí)省力的方法，我們?cè)谶x擇節(jié)點(diǎn)時(shí)，可以多使用jquery選擇器，說實(shí)話，jQuery的兼容性還真的好。當(dāng)然如果你的父節(jié)點(diǎn)不是element，沒法用jq的時(shí)候，只能自己拓展了；解決IE8一下不支持getElementsByClassName的方法 - CSDN博客 這個(gè)博客的方法適合隨意指定父節(jié)點(diǎn)，實(shí)測(cè)有效； 2.2、如果你要遍歷一個(gè)數(shù)組，請(qǐng)不要用map forEach,因?yàn)檫@些方法IE8 IE9都不支持，如 果你項(xiàng)目里用到了，修改起來很麻煩，那么就拓展一個(gè)map forEach方法吧。 2.

3、如果需要在文本框里添加placeholder，個(gè)人建議使用插件，將會(huì)有和原生瀏覽器一樣的效果。 推薦jquery.placeholder.js 這個(gè)插件 2.

4、現(xiàn)在大部分主流瀏覽器都支持bind，很不幸，IE8卻不支持，如果碰到了bind的兼容問題，那么只能自己寫拓展了。 2.

5、IE8 IE9均不支持calssList屬性，如果用到了增刪class，那么只能自己寫拓展。給不支持classList的瀏覽器（IE9以及以下等）的元素添加classList屬性 - 麥兜的博客 - CSDN博客這個(gè)博客上有具體的代碼，當(dāng)然你復(fù)制下來運(yùn)行發(fā)現(xiàn)會(huì)報(bào)錯(cuò)，你需要加上這句代碼window.HTMLElement = window.HTMLElement || Element;因?yàn)镮E不識(shí)別HTMLElement。 2.

6、如果你不小心用到了某個(gè)jq版本的text()方法，那么你要注意，有可能IE8不兼容，最好使用innerHTML 2.

7、IE8并不支持event.target，如果你不小心用了，會(huì)報(bào)錯(cuò) 找不到 target 屬性。這就取決于IE8的機(jī)制，event只能是window對(duì)象的一個(gè)屬性，所以我們這樣寫就能兼容IE8了；var event=window["event"]; 可以用 event.srcElement獲取你想要的節(jié)點(diǎn)對(duì)象。

html鼠標(biāo)按下時(shí)用什么標(biāo)簽？

1、方法一，利用html特性，每個(gè)標(biāo)簽都有一個(gè)title屬性。

當(dāng)鼠標(biāo)hover在該標(biāo)簽內(nèi)容上時(shí)，瀏覽器展示出該標(biāo)簽的title內(nèi)容，讓鼠標(biāo)移走，內(nèi)容消失，如下： div{ height:100px; width:100px; background-color: aqua; } 文字內(nèi)容文字內(nèi)容 2、方法二，利用css的偽類hover，以及顯示隱藏屬性display，來實(shí)現(xiàn)如下： .continer{ height:100px; width:100px; background-color: aqua; } .continer div{ display:none;/*默認(rèn)隱藏*/ } .continer:hover div{ display:initial;/*當(dāng)鼠標(biāo)hover時(shí)展示*/ } 文字內(nèi)容文字內(nèi)容 我是鼠標(biāo)懸停展示的內(nèi)容