溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“CSS里的哪些屬性是能夠被繼承的”，在日常操作中，相信很多人在CSS里的哪些屬性是能夠被繼承的問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS里的哪些屬性是能夠被繼承的”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
在我們深入探討繼承之前，有必要先理解文檔樹。所有的HTMl文檔都是樹，文檔樹由HTML元素組成,文檔樹和家族樹類似，也有祖先、后代、父親、孩子、兄弟、祖先指任意相連，但是在文檔樹上部的元素。后代指任意相連，但是在文檔樹下部的元素。
父輩指相連并且直接在該元素上部的元素。子輩指相連并且直接在該元素下部的元素。兄弟指與其他元素共享一個父輩的元素。
除此之外還有必要先知道CSS的規則，CSS規則告訴瀏覽器如何去渲染HTML頁面上的特定元素。
1:選擇器“選擇”受此規則影響的HTML頁面上的元素。
2:聲明部分是由一對大括號以及其中任意內容組成的容器。
3:聲明告訴瀏覽器如何去渲染頁面上被選中的元素。
4:屬性告訴你選中元素的樣式外觀。
5:值是你希望給屬性設置準確的樣式。
現在我們可以進入正題了。
css樣式表繼承指的是，特定的css屬性向下傳遞到后代元素為了看到繼承的實際應用，我們將使用下面的HTML代碼。
注意:em元素在p元素的內部。
我們也使用CSS代碼。注意:em元素未指定樣式。在瀏覽器中，p元素和em元素同時變紅。但是為什么em元素會變紅?其并沒有設置顏色樣式。因為em元素繼承了p元素的顏色屬性。繼承是網頁開發者更加輕松，否則我們就要對所以的子孫元素指定屬性。CSS文件大小將會大大增加，變得更難創建與維護，同時降低了下載速度。
常見問題
非也!并非所以的CSS屬性都支持繼承。如果每個CSS屬性都繼承，對于作者而言，反而會讓事情更糟。
開發人員需要將子孫元素不需要的CSS屬性一個一個地“關掉”。
我們可以設想下，如果默認狀態下，border屬性是可以繼承的...然后我們將border屬性應用于p元素，結果?
結果在p里面em元素也有了紅色邊框。幸運的是，邊框是非繼承的，所以em元素是沒有邊框的。通常來說，僅僅那些使我們工作輕松的屬性是繼承的。
到此，關于“CSS里的哪些屬性是能夠被繼承的”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
