freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/basic-css/style-multiple-elements-wit...

957 B

id title challengeType videoUrl forumTopicId
bad87fee1348bd9aefe08806 使用 class 选择器设置多个元素的样式 0 https://scrimba.com/c/cRkVbsQ 18311

--description--

通过 CSS class 选择器,多个 HTML 元素可以使用相同的 CSS 样式规则。你可以将 red-text class 添加到第一个 p 元素上。

--hints--

h2 元素应该是红色的。

assert($('h2').css('color') === 'rgb(255, 0, 0)');

h2 元素应含有 red-text class。

assert($('h2').hasClass('red-text'));

第一个 p 元素应为红色。

assert($('p:eq(0)').css('color') === 'rgb(255, 0, 0)');

第二和第三个 p 元素不应为红色。

assert(
  !($('p:eq(1)').css('color') === 'rgb(255, 0, 0)') &&
    !($('p:eq(2)').css('color') === 'rgb(255, 0, 0)')
);

第一个 p 元素应该包含 red-text class。

assert($('p:eq(0)').hasClass('red-text'));

--solutions--