摘要:特殊屬性繼承可以用在任何屬性中而且它總是綁定到父元素的計算值對偽元素來說則會取生成該偽元素的宿主元素顏色關鍵字自動地從文本顏色那里得到顏色因為本身就是很多顏色屬性的初始值比如和以及和的顏色值等等。
css 特殊屬性 inherit 繼承
currentColor 顏色關鍵字可以用在任何 CSS 屬性中,而且它總是綁定到父元素的計算值(對偽元素來說,則會取生成該偽元素的宿主元素)
div{ border:1px solid lightblue; } div span{ border:inherit; }
自動地從文本顏色那里得到顏色
因為 currentColor 本身就是很多 CSS 顏色屬性的初始值,比如 border-color 和 outline-color,以及 text-shadow 和 box-shadow 的顏色值,等等。
hr { height: .5em; background: currentColor; }--accent-color
ul { --accent-color: red; } ol { --accent-color: blue; } li { background-color: var(--accent-color); }calc()
calc()內部的-和+運算符兩側各家一個空白符,否則會解析錯誤
div.calc{ background: url(http://csssecrets.io/images/code-pirate.svg) no-repeat bottom right #58a; background-position: calc(100% - 20px) calc(100% - 10px); /* Styling */ max-width: 10em; min-height: 5em; padding: 10px; color: white; }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/116523.html
摘要:知道存在是很有用的,這樣當你在別人的代碼中遇到它時,你就知道它是什么了。如上面所示的示例所示,元素選擇器具有很低的特殊性。類選擇器具有更高特殊性,所以將戰勝元素選擇器。個位在整個選擇器中每包含一個元素選擇器或偽元素就在該列中加分。 在實際的工作中,我們可能還有些疑惑,當有多個選擇器作用在一個元素上時,哪個規則最終會應用到元素上?其實這是通過層疊機制來控制的,這也和樣式繼承(元素從其父元...
摘要:元素選擇器針對元素的選擇器,用于尋找指定的元素。通用選擇器通用選擇器可設置全部的元素,由一個表示。使用表示偽類選擇器。偽類選擇器包含兩種狀態偽類和結構偽類。層疊規定了選擇器的特殊性,將特殊性分為,,,四個登記,各等級特殊性逐漸降低即。 什么是選擇器? showImg(https://segmentfault.com/img/remote/1460000016763315?w=784&h...
摘要:元素選擇器針對元素的選擇器,用于尋找指定的元素。通用選擇器通用選擇器可設置全部的元素,由一個表示。使用表示偽類選擇器。偽類選擇器包含兩種狀態偽類和結構偽類。層疊規定了選擇器的特殊性,將特殊性分為,,,四個登記,各等級特殊性逐漸降低即。 什么是選擇器? showImg(https://segmentfault.com/img/remote/1460000016763315?w=784&h...
摘要:選擇器的擴展選擇器本來是的一種規則,用于為選擇節點的。但是聰明的人類還是通過選擇器創造出了其他領域非常偉大的作品。被推廣流行的根本原因就是它的基于選擇器的。 前文示圖中展示了瀏覽器的渲染過程,那么css與html是如何結合的呢?答案是——選擇器! 1.選擇器 可分為兩大類: 標簽選擇器(*是特殊的標簽),可單標簽,也可上下文多標簽; 屬性選擇器(id和class本質上也是屬性)。 ...
閱讀 2741·2023-04-25 21:26
閱讀 1527·2021-11-25 09:43
閱讀 1961·2019-08-30 15:52
閱讀 942·2019-08-30 14:05
閱讀 2627·2019-08-29 16:10
閱讀 425·2019-08-29 13:48
閱讀 1868·2019-08-29 12:47
閱讀 1310·2019-08-23 18:04