主页 / 问题 / 743403
Accepted
D.Ryksd
Asked:2020-11-12 04:57:15 +0000 UTC2020-11-12 04:57:15 +0000 UTC

帮助构建选择器

  • 772
        <article>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Vestibulum maximus nibh congue</strong>, congue dui a, auctor ex. Nullam risus orci, varius at sollicitudin vitae, placerat a risus. Etiam vel posuere mauris. Nullam sagittis eget arcu vitae eleifend. Curabitur auctor faucibus ornare. Sed et diam lorem. Vivamus eu commodo dolor. Nullam sed erat sit amet urna vehicula fringilla. Mauris pellentesque urna a sem pellentesque tempus. In et auctor erat. Suspendisse potenti. Nulla non enim ut ante ultricies euismod. Aliquam hendrerit, arcu nec vehicula facilisis, lorem est finibus metus, vitae gravida elit augue non quam. Cras pharetra, mi eu faucibus dictum, dui purus porta ante, vel convallis urna enim tempor massa.</p>
            <blockquote>
                <p>Donec nec arcu ac metus semper tempus. <strong>Donec elementum odio et purus</strong> luctus dignissim. Quisque non ante id urna elementum eleifend. Cras bibendum porta condimentum. Aliquam erat volutpat. Aenean at maximus elit, sed lacinia felis. Proin cursus vulputate nulla in faucibus. Quisque id purus non justo dapibus congue at a sem. Donec auctor pretium feugiat.</p>
                <p class="marked">Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum enim dui, laoreet eget varius quis, luctus vitae felis. Donec quis congue libero, suscipit vestibulum urna. <strong>Suspendisse sapien</strong> lacus, semper ut porttitor non, semper dignissim erat. Integer vitae rutrum velit. Donec gravida venenatis est maximus aliquet. Mauris pharetra nibh quis tristique venenatis. Vivamus rhoncus magna magna, nec elementum massa condimentum sit amet. Fusce dictum mollis tincidunt. Nam tortor elit, volutpat eget volutpat id, tristique vitae dui. Fusce sed ultrices mauris.</p>
            </blockquote>
        </article>

如何在第 2 段中为 strong 构建选择器

这样它就不会捕获带有类的第 3 段 - 标记和第 1 段？我尝试了第 n 段，但它不起作用。

html

1 个回答

  1. Best Answer

    blockquote p:first-child strong {
  color: red;
}
    <article>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>Vestibulum maximus nibh congue</strong>, congue dui a, auctor ex. Nullam risus orci, varius at sollicitudin vitae, placerat a risus. Etiam vel posuere mauris. Nullam sagittis eget arcu vitae eleifend. Curabitur auctor faucibus ornare. Sed et diam lorem. Vivamus eu commodo dolor. Nullam sed erat sit amet urna vehicula fringilla. Mauris pellentesque urna a sem pellentesque tempus. In et auctor erat. Suspendisse potenti. Nulla non enim ut ante ultricies euismod. Aliquam hendrerit, arcu nec vehicula facilisis, lorem est finibus metus, vitae gravida elit augue non quam. Cras pharetra, mi eu faucibus dictum, dui purus porta ante, vel convallis urna enim tempor massa.</p>
            <blockquote>
                <p>Donec nec arcu ac metus semper tempus. <strong>Donec elementum odio et purus</strong> luctus dignissim. Quisque non ante id urna elementum eleifend. Cras bibendum porta condimentum. Aliquam erat volutpat. Aenean at maximus elit, sed lacinia felis. Proin cursus vulputate nulla in faucibus. Quisque id purus non justo dapibus congue at a sem. Donec auctor pretium feugiat.</p>
                <p class="marked">Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum enim dui, laoreet eget varius quis, luctus vitae felis. Donec quis congue libero, suscipit vestibulum urna. <strong>Suspendisse sapien</strong> lacus, semper ut porttitor non, semper dignissim erat. Integer vitae rutrum velit. Donec gravida venenatis est maximus aliquet. Mauris pharetra nibh quis tristique venenatis. Vivamus rhoncus magna magna, nec elementum massa condimentum sit amet. Fusce dictum mollis tincidunt. Nam tortor elit, volutpat eget volutpat id, tristique vitae dui. Fusce sed ultrices mauris.</p>
            </blockquote>
        </article>

    • 1

相关问题