关于CSS伪元素覆盖的一个问题
<html><head><styletype="text/css">p:first-letter{color:red;font-size:xx-large;}p:firs...
<html>
<head>
<style type="text/css">
p:first-letter
{
color:red;
font-size:xx-large;
}
p:first-line
{
color:green;
font-variant:small-caps;
}
</style>
</head>
<body>
<p>You can combine the :first-letter and :first-line pseudo-elements to add a special effect to the first letter and the first line of a text!</p>
</body>
</html>
上面这个例子中，为何处于下方的p:first-line选择器没有对被p:first-letter选中的首字母Y进行处理呢？ 展开
<head>
<style type="text/css">
p:first-letter
{
color:red;
font-size:xx-large;
}
p:first-line
{
color:green;
font-variant:small-caps;
}
</style>
</head>
<body>
<p>You can combine the :first-letter and :first-line pseudo-elements to add a special effect to the first letter and the first line of a text!</p>
</body>
</html>
上面这个例子中，为何处于下方的p:first-line选择器没有对被p:first-letter选中的首字母Y进行处理呢？ 展开
2个回答
展开全部
因为first-line跟first-letter没有覆盖关系的，也就是说你定义了first-line，第一行的样式会按照这个走，如果没有first-letter，那第一个字母也按这个走
但如果有first-letter，那么，会按first-letter
要解决你的问题，得这么写
p:first-line:first-letter
但如果有first-letter，那么，会按first-letter
要解决你的问题，得这么写
p:first-line:first-letter
追问
也就是说first-letter选择的元素和first-line有重叠部分，CSS默认first-letter有更高的优先级？可以这样理解吗？
追答
css的原则就是越小的优先级越高
比如div底下有p，也会用p的样式覆盖div的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
