<del id="q4oka"></del>

css 特殊屬性

pumpkin9 發(fā)布于2019-08-30 15:52 / 1948人閱讀

摘要：特殊屬性繼承可以用在任何屬性中而且它總是綁定到父元素的計算值對偽元素來說則會取生成該偽元素的宿主元素顏色關(guān)鍵字自動地從文本顏色那里得到顏色因為本身就是很多顏色屬性的初始值比如和以及和的顏色值等等。

css 特殊屬性 inherit 繼承

可以用在任何 CSS 屬性中,而且它總是綁定到父元素的計算值(對偽元素來說,則會取生成該偽元素的宿主元素)
div{
  border:1px solid lightblue;
}
div span{
  border:inherit;
}

currentColor 顏色關(guān)鍵字

自動地從文本顏色那里得到顏色
因為 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()內(nèi)部的-和+運算符兩側(cè)各家一個空白符，否則會解析錯誤

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;
}

云服務(wù)器 GPU云服務(wù)器特殊屬性 css屬性訪問CSS屬性 position屬性，css

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/116523.html

相關(guān)文章

CSS選擇器

###CSS選擇器 CSS3選擇器規(guī)范地址： https://www.w3.org/TR/2011/REC-css3-selectors-20110929/ CSS3選擇最新選擇器規(guī)范: https://www.w3.org/TR/selectors !---問題---! 　　1.css的全稱是什么？　　　　Cascading style sheets 　　2.樣式表的組成...

Bryan 2019-04-23 13:13 評論0 收藏0
CSS3主要內(nèi)容

摘要：必須要準(zhǔn)確的放置否則聲明無效。倒影設(shè)置元素的倒影準(zhǔn)確的來說不能算是的東西，但需要知道。默認(rèn)值不可繼承背景漸變漸變是在中新增加的圖片類型使用漸變可以在兩種顏色間制造出平滑的漸變效果用它代替圖片，可以加快頁面的載入時間減小帶寬占用。 CSS3主要內(nèi)容一、CSS選擇器 ? CSS3選擇器規(guī)范地址： https://www.w3.org/TR/2011/RE...? ...

X_AirDu 2019-08-30 11:15 評論0 收藏0
不知道層疊，別說你懂CSS

摘要：知道存在是很有用的，這樣當(dāng)你在別人的代碼中遇到它時，你就知道它是什么了。如上面所示的示例所示，元素選擇器具有很低的特殊性。類選擇器具有更高特殊性，所以將戰(zhàn)勝元素選擇器。個位在整個選擇器中每包含一個元素選擇器或偽元素就在該列中加分。在實際的工作中，我們可能還有些疑惑，當(dāng)有多個選擇器作用在一個元素上時，哪個規(guī)則最終會應(yīng)用到元素上？其實這是通過層疊機(jī)制來控制的，這也和樣式繼承(元素從其父元...

izhuhaodev 2019-08-30 14:03 評論0 收藏0
CSS選擇器（CCS第三版）

摘要：元素選擇器針對元素的選擇器，用于尋找指定的元素。通用選擇器通用選擇器可設(shè)置全部的元素，由一個表示。使用表示偽類選擇器。偽類選擇器包含兩種狀態(tài)偽類和結(jié)構(gòu)偽類。層疊規(guī)定了選擇器的特殊性，將特殊性分為，，，四個登記，各等級特殊性逐漸降低即。什么是選擇器？ showImg(https://segmentfault.com/img/remote/1460000016763315?w=784&h...

dabai 2019-08-29 17:02 評論0 收藏0
CSS選擇器（CCS第三版）

摘要：元素選擇器針對元素的選擇器，用于尋找指定的元素。通用選擇器通用選擇器可設(shè)置全部的元素，由一個表示。使用表示偽類選擇器。偽類選擇器包含兩種狀態(tài)偽類和結(jié)構(gòu)偽類。層疊規(guī)定了選擇器的特殊性，將特殊性分為，，，四個登記，各等級特殊性逐漸降低即。什么是選擇器？ showImg(https://segmentfault.com/img/remote/1460000016763315?w=784&h...

Flink_China 2019-08-02 11:46 評論0 收藏0
重拾css(6)——選擇器

摘要：選擇器的擴(kuò)展選擇器本來是的一種規(guī)則，用于為選擇節(jié)點的。但是聰明的人類還是通過選擇器創(chuàng)造出了其他領(lǐng)域非常偉大的作品。被推廣流行的根本原因就是它的基于選擇器的。前文示圖中展示了瀏覽器的渲染過程，那么css與html是如何結(jié)合的呢？答案是——選擇器！ 1.選擇器可分為兩大類：標(biāo)簽選擇器（*是特殊的標(biāo)簽），可單標(biāo)簽，也可上下文多標(biāo)簽；屬性選擇器（id和class本質(zhì)上也是屬性）。 ...

vincent_xyb 2019-08-29 12:45 評論0 收藏0