當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS样式特点及优先级

發布時間：2023/12/19 CSS 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS样式特点及优先级小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一、繼承

1、子樣式會繼承父樣式，

例如：給P標簽里的內容加樣式，可直接在body標記直接添加樣式。

二、層疊

1、【css 就近原則】后面的樣式，會優先覆蓋前面的樣式、【！important】會優先應用前面的樣式。注：IE6不支持【！important】

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title><style text="text/css">li{color:black; font-size:20px; background-color:#F00; list-style-type:none; font-family:微軟雅黑！important;}p{color:blue; background-image:url(../%E8%A1%A8%E6%A0%BC/imges.jpg);}span{background:#0F0;}</style><body ><div align="center"><li><span> 硅谷趨勢</span>：如何用Uber和Airbnb的模式改變一切</li><p >360安全衛士百度壁紙魯大師迅雷暴風影音</p><p>計算機回收站激活工具有道詞典寬帶連接安全瀏覽器</p><p>中文網視頻優酷網愛奇藝汽車之家</p></div> </head><body> </body> </html>

轉載于:https://www.cnblogs.com/boyblog/p/4574981.html

總結

以上是生活随笔為你收集整理的CSS样式特点及优先级的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。