如何讓自己定義的css樣式不被覆蓋與如何在google瀏覽器調節標籤的樣式

       最近遇到了一個問題，參照網上的一個例子製作了一個多級菜單，但是自己製作出了的菜單跟網上的有很大的差別，自己製作出來的多級菜單一些控件歪歪扭扭的，很難看，搞了很久才解決這個問題，原來是自己多級菜單中某些組件的樣式被覆蓋了，所以自己製作出來的多級菜單纔會難看，然後在網上找到了解決方案，要想某些樣式不被覆蓋，

可以在樣式後面加上一句代碼：!important，這句代碼可以提高優先級，不過可以不使用!important就儘量不要使用。

    還有，在google瀏覽器中打開發者選項，然後點擊如圖所示左上角的按鈕，點擊完以後再在頁面中點擊你要調節樣式的標籤，可以對標籤樣式直接進行修改，這是一個很好用的功能。

 

   點擊完標籤以後會出現一個如下圖所示的一個框框給你調節樣式，你可以點擊裏面的樣式進行修改，下圖中有些聲明被劃掉了，被劃掉的聲明是被後面的規則所覆蓋的，也就是被劃掉的樣式是被覆蓋了，在這裏你可以清楚的看到那些文件中的樣式會作用到你的標籤上。