这对谷歌来说是不可能的,因为每篇关于:before和:after伪元素的文章似乎都使用了"内容"这个词.
我在这篇 CSS-Tricks文章中听说过它,解释了如何将图像滑块实现为Web组件的示例用例.它出现在里面的代码示例是:
CSS
#slides ::content img {
width: 25%;
float: left;
}
HTML
<template>
...
<div class="inner">
<content select="img"></content>
</div>
</template>
它似乎是指这个<content>标签,用于允许用户包含Web组件,但我想更深入地理解这一点.
编辑:
在进一步阅读之后,在上述文章中,我发现了一个链接作者的"Shadow DOM CSS Cheatsheet",其中包含一段解释::content伪元素的内容:
选择元素内的分布式节点.需要与不支持本机选择器的浏览器的polyfill-next-selector配对.
::content h1 {
color: red;
}
资料来源:http://robdodson.me/blog/2014/04/10/shadow-dom-css-cheat-sheet/
这很有帮助,但我仍然发现整个事件相当不透明.还有其他见解吗？
我一直在阅读这个选择器,并得到相互矛盾的答案.
In:/ deep /和:: shadow在CSS选择器中的含义是什么？
我们看:
正如Joel H.在评论中指出的那样,Chrome已经弃用了/ deep/combinator,并且在IE中给出了语法错误.
在:https://github.com/Microsoft/vscode/issues/7002
我们看:
/深/不再存在,所以我认为我们不应该支持它.>>>是新版本,应该可以支持
但是,在Angular 2文档中:https://angular.io/docs/ts/latest/guide/component-styles.html
我们看:
/ deep/selector也有别名>>>.我们可以互换使用两者中的任何一个.
显然,相信Angular 2文档是明智的,但由于所有这些相互矛盾的信息,我有点犹豫不决.
事实上,在最新版本的Microsoft Visual Studio Code中,BOTH /deep/并>>>创建了错误,尽管它们都能正常工作,尽管有错误.
我的问题是双重的:
是/深/这里留下来？我们是否有任何来源,报价或任何规范中的任何内容表明它将被采用？或者如果它已被正式弃用？
我们可以在没有全部禁用语法检查的情况下在Visual Studio代码中抑制此错误吗？
这是一系列关于CSS中语法的问题.这也是社区Wiki,因此邀请每个人参与维护此列表.
Stack Overflow不允许搜索特定字符.因此,在搜索运算符和其他语法标记时,很难找到许多关于运算符和其他语法标记的问题.这也使得关闭重复更加困难.以下列表是为了解决此问题.
主要思想是在Stack Overflow上链接现有问题,因此我们更容易引用它们,而不是复制各种CSS规范中的内容.
此外,这是JavaScript符号引用的公然副本.我们需要一个CSS.
请帮忙.编辑并添加指向其他运算符/语法参考的链接,或者如果您无法在特定语法上找到好的问题/答案,请添加此问题的答案并将其链接