如何檢視乙個標籤的當前css樣式
如上圖所示
先用標籤選擇器選擇某個標籤
然後在elements區域就會自動找到該標籤
然後在右側的styles區域整個區域都是該標籤的樣式，從上到下是顯示的優先順序，被劃掉的style就是說明是被另乙個樣式覆蓋了
把滑鼠移動到style的樣式上，會在每個樣式上顯示乙個核取方塊，點選選中或者不選中就能本地除錯樣式
還能自己手動在element.style{}裡面寫上樣式，element.style區域的css樣式就是行內樣式的意思，是最高端的樣式
還能看到該樣式的檔案位置，也可能是行內樣式
在本地除錯完你自己想要的樣式後，就可以去**裡改成一樣的
修改已有的樣式有兩種方式
一種是把原本的樣式改了
另一種是用更高的選擇器蓋住原有的樣式
先講講把原本的樣式改了的方式，在調試圖裡我們可以看到最後乙個紅色的框是乙個css檔案，這個檔案就是這個樣式的所在檔案位置，去到樣式原始檔，搜尋到code這個標籤，把原本的樣式刪了，換新的上去就行
但是如果原本的樣式是在公共檔案，你隨便刪，會讓整個專案的樣式都發生改變，就不能用上訴方法，就需要用更高的選擇器蓋住原有的樣式
css樣式的優先順序是同級顯示後載入的，也就是自己的樣式要寫在最下面，在最後link引入，其實只要保證樣式一樣的選擇器等級，寫在最後載入就可以了,如果說不要，我就是要等級比原本的高，那就用樣式等級去打敗原本的樣式，等級由標籤內的style > id > class > tag,還有加法運算，比如id + class會大於id，這個具體自己分析，不難!
行內樣式是最強的，是和css檔案不能比的，但是，除了封裝外掛程式，別用行內樣式，因為這樣html標籤真的特別的難看，又臭又長，多用class選擇器和id選擇器
還有乙個很強大的樣式叫!important，他在行內樣式沒有一樣用!important的情況下，比行內樣式還高階，可以說是乙個外掛程式一樣的存在，平時寫樣式完全不會用這個的，只有在使用一些外部外掛程式，需要修改外部外掛程式的樣式，並且是行內樣式的時候，才會用到！
除了id選擇器，class選擇器，標籤選擇器外，還有些特殊的選擇器
子元素選擇器>，只給子元素新增對應的樣式，同級或者子元素的子元素是不被影響的
#aa>.aa+只有寫在他後面的同級的符合條件的第乙個標籤元素會被新增樣式
#aa+.aa~只有寫在他後面的同級的符合條件的所有標籤元素會被新增樣式
#aa~.aa[disabled]
[checked]
[data-xx]
input[type="text"]
#aa:after
#aa:before
.list:nth-of-type(2n)css樣式優先順序
多重樣式將層疊為乙個 樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中，在 html 頁的頭元素中，或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。層疊次序 當同乙個 html 元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有...
CSS樣式優先順序
css樣式分為內聯樣式和外部樣式，一般情況下 內聯樣式的優先順序大於外部樣式。即style樣式 id選擇器 class選擇器 元素選擇器。例如 on person num li當對li標籤新增上面兩個樣式時，on樣式中重複的內容是不會生效的。因為.on樣式的優先順序值小於li，它會被li樣式覆蓋。但...
css樣式優先順序
css樣式分類 外聯樣式，內部樣式，內聯樣式，行內樣式 標籤屬性 優先順序 行內樣式 標籤屬性 外聯樣式 內部樣式 內聯樣式，這裡的高度為110px class login class imgs 選擇器 權值內聯樣式表的權值最高 1000 id 選擇器的權值 100class 類選擇器的權值 10h...