CSS中的未定义行为，浏览器的差异(一)
生活随笔
收集整理的這篇文章主要介紹了
CSS中的未定义行为，浏览器的差异(一)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天看了張鑫旭大佬的新書的有感吧，記錄一下。
Web標準未對一些場景做出明確規范，所以各大瀏覽器廠家只能根據自己的理解和喜好去實現，表現差異不是瀏覽器的bug，用計算機領域的術語描述為"未定義行為"。
比如一個例子：
CSS中的一個偽類，最常用的一個偽類:active，鼠標按下，執行改偽類對應的CSS樣式，鼠標抬起還原。
但是這種情況呢：
<!DOCTYPE html> <html> <head><meta charset="utf-8" /><style>.active-btn {display: inline-block; background-color: #cd0000;}.active-btn:active {background-color: #ae0000;}</style></head> <body><a href="javascript:" class="active-btn">按下</a><a href="javascript:" id="button" class="active-btn">按下</a><script>var button = document.getElementById("button");if (button.addEventListener) {button.addEventListener("mousedown", function(event) {// 此處省略N行event.preventDefault(); });} </script> </body> </html>也就是鼠標按下的時候，阻止按鈕的默認行為，這樣設置可以讓拖動效果更流暢。
但是在Fiewfox瀏覽器中的：active陣亡了，而IE和Chrome的:active正常變紅，符合預期。
原因就是規范上并沒有對這種場景的具體描述，所以Firefox認為:active發生在mousedown事件之后。
然后我提了這個問題：
有大佬回答：
轉載于:https://www.cnblogs.com/zhangmingzhao/p/8505517.html
總結
以上是生活随笔為你收集整理的CSS中的未定义行为，浏览器的差异(一)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 精品软件 推荐 Acme CAD Con
- 下一篇： 2017年html5行业报告,云适配发布