个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
看看这个 jsfiddle:http://jsfiddle.net/ZNddz/
.intro:first-letter {
font-size: 130px;
}
span.letter {
background-color: red;
font-size: 30px;
}
p {
font-size: 80px;
}
第一条规则由一个类选择器和一个伪元素选择器组成= 11
第二条规则包含一个类选择器.letter和一个标签选择器span = 11
这两个规则具有相同的特殊性，因此可以合理地认为获胜者应该是最后一个样式。显然不是这样的。所以我决定向第二条规则添加 background-color 属性，如您所见，它的高度为 30px。
我从中推断出这两个规则都没有选择相同的元素。但我想对这种效果进行官方解释，这有点太奇怪了。
最佳答案
I deduce from this that both rule are not selecting the same element.
这是因为 .intro 匹配 p 元素，而 span.letter 是 .intro 的后代>。 As already mentioned, specificity is not relevant when selectors are matching different elements.但是由于每个选择器确实匹配了一些元素，所以这两个规则都会应用，导致你的红色背景在 span.letter 上生效。
But it's kinda too bizarre that I want to have an official explanation to this effect.
spec包含一些与您所拥有的非常相似的示例:以包含文本的内联级元素开头的 block 级元素，以及应用于 block 级元素的样式 :first-letter block 级元素及其内联级子元素上的伪元素。在所有示例中，:first-letter 伪元素在格式化结构方面始终是最内层的后代；这意味着它嵌套在行内级子元素中。
最后一个示例说明了元素的层次结构，包括伪元素，尽管之前的示例在其样式表中包含一个覆盖规则，它演示了在级联方面发生的情况:
The following CSS will make a drop cap initial letter span about two lines:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<TITLE>Drop cap initial letter</TITLE>
<STYLE type="text/css">
P { font-size: 12pt; line-height: 1.2 }
P::first-letter { font-size: 200%; font-style: italic;
font-weight: bold; float: left }
SPAN { text-transform: uppercase }
</STYLE>
</HEAD>
<BODY>
<P><SPAN>The first</SPAN> few words of an article
in The Economist.</P>
</BODY>
</HTML>This example might be formatted as follows:
The fictional tag sequence is:
<P>
<SPAN>
<P::first-letter>
T
</P::first-letter>he first
</SPAN>
few words of an article in the Economist.
</P>Note that the
::first-letterpseudo-element tags abut the content (i.e., the initial character), while the ::first-line pseudo-element start tag is inserted right after the start tag of the block element.
在您的情况下，两个 font-size 声明照常应用，但由于 .intro:first-letter 嵌套在 within span.letter，它使用自己的font-size 值。如果您使用相对值 it would be calculated based on span.letter , 如果你根本没有包含 font-size 样式 it would simply inherit it from span.letter .
请注意，:first-letter 伪元素不适用于内联级元素(但它确实适用于内联 block ):
In CSS, the
::first-letterpseudo-element applies to block-like containers such as block, list-item, table-cell, table-caption, and inline-block elements.
行内框(使用display: inline 生成的)不是block container box . (是 block 容器框的行内级框的示例是行内 block 。)
如果浏览器将伪元素应用于内联，那么它就违反了规范。虽然没有迹象表明当您对 block 容器和内联框后代都有 :first-letter 规则时应该发生什么，因为它确实说它不适用于内联，理想情况下是浏览器应该始终忽略针对行内框后代的规则。显然，Chrome 不这么认为。见Danield's answer .
关于css - 相同的特异性，考虑到布局后，:first-letter always wins?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19118036/
25
4
0
在项目属性窗口的应用程序选项卡和启动对象组合框中，我无法看到我的 win 表单以将其中一个设置为启动对象。 它出什么问题了？ 最佳答案 开通 Program.cs启动项目的文件(在解决方案中选择为启动
我的问题是，当我得到正确的数字时，python 脚本结束，但不打印:你赢了! import random number = random.randint(1,100) # This part work
我使用 Eclipse 开发了一个 Java 应用程序。我使用的电脑操作系统是Win Vista。我在 Win XP 计算机上使用此应用程序时遇到问题。我发现的问题是: 如果在我的代码中我使用以下几行
显然，这将打印出石头/剪刀/布获胜或平局。 实现“石头胜剪刀——计算机胜!”这样的结果的最佳方式是什么？等等？ var userChoice = prompt("Do you choose rock,
我正在开发一个使用HttpWebRequest将请求发送到另一台服务器的ASP.NET Web应用程序。它通过HTTPS发送请求，并且远程服务器需要客户端证书。该请求在.NET应用程序中失败，显然无法
我正在 WIn XP 上使用 VC6 开发应用程序。使用 GetKeyBoardLayoutList() 和 GetLocalInfo() API 从系统检索默认输入语言列表。 代码如下。 `UINT
我在 WPF 中创建了一个无边框窗口。我已经编写了一个事件来最大化窗口，但是在最大化时，部分窗口有时会隐藏在任务栏后面，片刻之后会出现在任务栏顶部。 如何确保窗口每次都保持在任务栏的顶部？以下是我实现
我开始制作 3d 游戏。然后我停了一段时间并安装了win7。现在我想继续研究它只是为了发现代码卡住了!在 XP 上，我将 View 渲染到窗体上。并且游戏循环和所有游戏形式都在同一个线程上运行! 这在
main() { int *p; free(p); } 此代码在 Win 2K 中崩溃。但不知何故不会在 Win Xp 中崩溃!知道为什么吗？ 编辑:是的。这是一个错误，不应该被写入。更多
我在我的应用程序中使用 libeay32.dll/ssleay32.dll 库来支持 https。库在 Windows 7 上成功加载(不是通过我的应用程序，通过 Qt 库)，但是我在 Windows
在源代码下方添加了新的详细信息。 有一个问题是 Delphi，其中 Internet 代码可在 Win 10 上运行，但不能在 Win 7 上运行。我正在尝试将一个小项目连接到 haveibeenpw
我在 Win 7 上为 Perfmon 创建了 xml 模板。我能够导入它并运行它 - 一切正常。现在，当我将此 xml 复制到 Win 2008 R2 计算机并尝试将其导入到 perfmon 中时，
我在使用标准数据驱动的 Winform 应用程序时遇到了一个有趣的问题。 该应用程序最初是在 Windows 7 和 Visual Studio 2010 上开发的。然后我用 Windows 8 和
我有一个在 Windows 7(64 位)上编写的程序，可以在我的计算机上正确编译和运行。 但在其他计算机上(特别是在 Windows 8(64 位)上)该程序无法运行。当我尝试运行它时，它说我的程序
将现有的基于 Vb6.0 win 的应用程序转换为基于 c# win 的应用程序的最快方法是什么？ 最佳答案 核心语言如此不同，我不得不说从头开始，只复制复杂的代码位。如果您从头开始，您将不必处理所有
我正在处理 IE 11 在 Windows 8 和 Windows 8.1 上的奇怪行为。我正在固定定位元素内的元素位置。而且它变得很奇怪。当我用开发工具检查它时它在正确的位置，但在视觉上它完全在不同
将使用 Java x32 在 eclipse x32 上创建的项目导入到使用 java x64 的 eclipse x64 上有哪些挑战？ 最佳答案 Java 是跨平台的，所以你应该不会有任何问题。
鉴于 l 是一个整数列表并且 win 是一个整数，下面的代码生成一个列表 lpadded: lpadded = win // 2 * [-1] + l + win // 2 * [-1] 在 lpad
我有一个适用于 Windows Phone 8.1 的应用程序及其 UWP 版本。我想在 Windows 中更改应用程序的背景时动态更改它。 用例是: 启动应用，背景主题为深色。 按下手机上的主页按钮
不完全确定我是否已经解决了这个问题，但这是我所看到的以及我认为正在发生的事情。 我有一个主要用 C 编写的 Win32 程序，它加载一个 C++ DLL。该 DLL 通过 COM 对象将数据从 C 程
我是一名优秀的程序员,十分优秀！