首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
V2EX  ›  问与答

css 选择器如何选择文章结构中的第一个 <p> 元素

  •  
  •   xiawenhao · 31 天前 · 1342 次点击
    这是一个创建于 31 天前的主题,其中的信息可能已经有所发展或是发生改变。

    例如 html 结构是下面这样的,css 中有方法只选择 <h1> 元素后面的出现的第一个 <p> 元素吗?

    <html>
        <h1></h1>
        <p></p>
        <P></P>
        <p></p>
    </html>
    
    
    21 回复  |  直到 2019-04-24 15:22:30 +08:00
        1
    EridanusSora   31 天前 via Android
    h1>p
        2
    EridanusSora   31 天前 via Android
    不好意思看错题了,无视。。
        3
    leefly   31 天前
    h1 + p
        4
    HuasLeung   31 天前   ♥ 1
    ````
    p:first-of-type {
    //
    }
    ````
        5
    EridanusSora   31 天前 via Android
    应该是 h1 + p
        6
    GiRLIn11   31 天前 via Android
    用相邻兄弟选择器,h1 + p。建议你补下 CSS 基础知识。
        7
    Sapp   31 天前
    @HuasLeung 你这选择的是整个文本第一个 p,而不是 h1 后面第一个,应该是 + 才是对的
        8
    HuasLeung   31 天前
    @Sapp lz 给的代码只有这么一段,按你的思路,你又怎么知道 h1 就是整个文本的第一个 h1 ?
        9
    Sapp   31 天前
    @HuasLeung 杠起来真得劲儿,人都明显的说了 h1 之后的第一个 p,都是猜,你为什么就不能注意点 h1 之后这个条件?
        10
    HuasLeung   31 天前
    @Sapp 语气没问题吧,不是杠……
        11
    zqx   31 天前 via Android
    h1+p 选择的是所有 h1 后面的第一个 p,即使有多个 h1 也没问题
        12
    HuasLeung   31 天前
    @Sapp
    @zqx
    举个简单的例子
    ````
    <html>
    <h1></h1>
    <p></p>
    <h1></h1>
    <p></p>
    <P></P>
    <p></p>
    </html>
    ````
    h1+p 会波及第二个 p,你们确定的相邻选择器能满足 lz 的题目要求?
        13
    whitegerry   31 天前
    @HuasLeung lz 题目里的 html 没看到么?
        14
    FakeLeung   31 天前
    所以说,题目有问题。
        15
    HuasLeung   31 天前
    @whitegerry 看到了,有什么问题么?
        16
    4ark   31 天前 via Android
    没有 class 的吗?
        17
    ayase252   31 天前 via iPhone
    标题说的题目和内容说的题目不是一回事啊
        18
    iblessyou   30 天前
    @HuasLeung
    我觉得你别理那些人了,
    题目问的也有问题,“文章结构”到底是指 HTML,还是 HTML 内的一个区域,
    看起来是区域,不过举的例子又加俩 HTML 标签不知道什么意思,那不就是整个 HTML 了。

    还有,那个“例如”。。。说明这例子是随手写的,不是他的代码结构,那 h1 也是随手写的。。。有毛的讨论价值
        19
    ayson23   30 天前
    这种元素选择器都是基础,W3C 或者菜鸟教程都可以学到,这类型的多去尝试对比几次就会用了
        20
    shintendo   30 天前
    @Sapp
    人家也没杠,楼主题目本来就不严谨,各自有各自的理解,你也说了都是猜。
    以例子为准,两个写法都对,以“ h1 之后的第一个 p ”这句话为准, 两个写法都错,谁知道 h1 和 p 直接有没有隔着什么
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2310 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 18ms · UTC 05:17 · PVG 13:17 · LAX 22:17 · JFK 01:17
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1