css 特殊属性

pumpkin9 发布于2019-08-30 15:52 / 1811人阅读

摘要：特殊属性继承可以用在任何属性中而且它总是绑定到父元素的计算值对伪元素来说则会取生成该伪元素的宿主元素颜色关键字自动地从文本颜色那里得到颜色因为本身就是很多颜色属性的初始值比如和以及和的颜色值等等。

css 特殊属性 inherit 继承

可以用在任何 CSS 属性中,而且它总是绑定到父元素的计算值(对伪元素来说,则会取生成该伪元素的宿主元素)
div{
  border:1px solid lightblue;
}
div span{
  border:inherit;
}

currentColor 颜色关键字

自动地从文本颜色那里得到颜色
因为 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;
}

私有云服务器托管特殊属性 css属性访问CSS属性 position属性，css

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116523.html

CSS选择器

###CSS选择器 CSS3选择器规范地址： https://www.w3.org/TR/2011/REC-css3-selectors-20110929/ CSS3选择最新选择器规范: https://www.w3.org/TR/selectors !---问题---! 　　1.css的全称是什么？　　　　Cascading style sheets 　　2.样式表的组成...

Bryan 2019-04-23 13:13 评论0 收藏0
CSS3主要内容

摘要：必须要准确的放置否则声明无效。倒影设置元素的倒影准确的来说不能算是的东西，但需要知道。默认值不可继承背景渐变渐变是在中新增加的图片类型使用渐变可以在两种颜色间制造出平滑的渐变效果用它代替图片，可以加快页面的载入时间减小带宽占用。 CSS3主要内容一、CSS选择器 CSS3选择器规范地址： https://www.w3.org/TR/2011/RE... ...

X_AirDu 2019-08-30 11:15 评论0 收藏0
不知道层叠，别说你懂CSS

摘要：知道存在是很有用的，这样当你在别人的代码中遇到它时，你就知道它是什么了。如上面所示的示例所示，元素选择器具有很低的特殊性。类选择器具有更高特殊性，所以将战胜元素选择器。个位在整个选择器中每包含一个元素选择器或伪元素就在该列中加分。在实际的工作中，我们可能还有些疑惑，当有多个选择器作用在一个元素上时，哪个规则最终会应用到元素上？其实这是通过层叠机制来控制的，这也和样式继承(元素从其父元...

izhuhaodev 2019-08-30 14:03 评论0 收藏0
CSS选择器（CCS第三版）

摘要：元素选择器针对元素的选择器，用于寻找指定的元素。通用选择器通用选择器可设置全部的元素，由一个表示。使用表示伪类选择器。伪类选择器包含两种状态伪类和结构伪类。层叠规定了选择器的特殊性，将特殊性分为，，，四个登记，各等级特殊性逐渐降低即。什么是选择器？ showImg(https://segmentfault.com/img/remote/1460000016763315?w=784&h...

dabai 2019-08-29 17:02 评论0 收藏0
CSS选择器（CCS第三版）

摘要：元素选择器针对元素的选择器，用于寻找指定的元素。通用选择器通用选择器可设置全部的元素，由一个表示。使用表示伪类选择器。伪类选择器包含两种状态伪类和结构伪类。层叠规定了选择器的特殊性，将特殊性分为，，，四个登记，各等级特殊性逐渐降低即。什么是选择器？ showImg(https://segmentfault.com/img/remote/1460000016763315?w=784&h...

Flink_China 2019-08-02 11:46 评论0 收藏0
重拾css(6)——选择器

摘要：选择器的扩展选择器本来是的一种规则，用于为选择节点的。但是聪明的人类还是通过选择器创造出了其他领域非常伟大的作品。被推广流行的根本原因就是它的基于选择器的。前文示图中展示了浏览器的渲染过程，那么css与html是如何结合的呢？答案是——选择器！ 1.选择器可分为两大类：标签选择器（*是特殊的标签），可单标签，也可上下文多标签；属性选择器（id和class本质上也是属性）。 ...

vincent_xyb 2019-08-29 12:45 评论0 收藏0