栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

CSS选择器,涉及伪类的第一个孩子和dropcap

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

CSS选择器,涉及伪类的第一个孩子和dropcap

如果可以使用CSS3选择器,请尝试使用这些选择器(组合在一起):

article > p:not(.quote):first-child:first-letter, article > p.quote:first-child + p:first-letter{ float: left; font-family: Georgia, serif; font-size: 360%; line-height: 0.85em; margin-right: 0.05em;}

否则,我认为您必须进行一些替代才能获得所需的效果。

一些解释

所述否定伪类

:not()
总是处理独立地在化合物选择所有其他类型,ID和类和伪类。不管您如何与其他选择器一起安排它。

换句话说,您不能使用

:not()
从简单选择器其余部分匹配的选择中删除或过滤出与否定条件匹配的元素。这也意味着与
:*-child()
:*-of-type()
伪类匹配的元素集不受的影响
:not()

所以上面的第一个选择器

article > p:not(.quote):first-child:first-letter

大致是这样的:

  1. 找到每个

    p
    元素。

    • 如果找不到,请忽略。
  2. 如果找到,请检查是否

    p
    :first-child
    如果为
    :not(.quote)

    • 如果不是第一个孩子,请忽略。
    • 如果具有
      quote
      该类,请忽略。
  3. 如果它与两个伪类都匹配,请检查这是否

    p
    是的子类
    article

    • 如果没有,请忽略。
  4. 如果是这样,请抓住它

    :first-letter

  5. 应用规则。

另一方面,第二个选择器相对简单:

article > p.quote:first-child + p:first-letter

它所要做的

p
就是将第一个孩子之后的,
article
如果它是a
p.quote
,然后对其应用规则
:first-letter



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575641.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号