Freecodecamp: Sass 도전은 작동하지 않습니다

에 만든 2017년 01월 21일 · 39코멘트 · 출처: freeCodeCamp/freeCodeCamp

엉뚱한 변수로 데이터를 저장 하는 데 문제가 있습니다.
사용자 에이전트 : Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36 .

<style>
$text-color: red;

.header{
  text-align: center;
}
.blog-post h2 {
  color: $text-color;
}
</style>

<h1 class="header">Learn Sass</h1>
<div class="blog-post">
<h2>Some random title</h2>
<p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
</div>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
</div>

안녕하세요 여러분, 저는 Sass 변수로 데이터 저장이라는 도전에서 버그를 발견했다고 생각합니다. 나는 모든 것을 올바르게했다고 생각하지만 h2 및 .blog-post 요소 색상이 빨간색으로 변경되지 않습니다. 두 개의 사용자 스토리를 전달하지만 다음은 전달하지 않습니다.
.blog-post 요소는 빨간색이어야합니다.
h2 요소는 빨간색이어야합니다.

또한 빨간색으로 변하지 않습니다. 그러나 그것은 사용자 스토리를 전달합니다.
코드에는 빨간색 값으로 $ text-color에 대해 선언 된 Sass 변수가 있어야합니다.
코드는 $ text-color 변수를 사용하여 .blog-post 및 h2 항목의 색상을 변경해야합니다.

미리 감사드립니다. 베타의 새로운 기능이 훌륭해 보입니다. 더 많은 작업을 기다릴 수 없습니다! 👍

help wanted bug critical path

출처

ryanarnouk

👍7

가장 유용한 댓글

div 태그에 색상 스타일을 추가 할 수 있습니다. 이것은 나를 위해 작동합니다.

<div class="blog-post" style="color: red;">

screenshot from 2018-07-22 18-38-20

dikiaap 에 2018년 07월 22일

👍5 😄2 ❤1 🎉1

모든 39 댓글

@ Azbo400 이 문제를보고 해 주셔서 감사합니다. 아직 Sass 컴파일을 지원하지 않는 것 같습니다 😅

systimotic 에 2017년 01월 21일

😄4

@systimotic 오 하하, 말이 되네요! 감사합니다 😄

ryanarnouk 에 2017년 01월 21일

아 죄송합니다! 이 섹션이 제대로 작동하지 않을 것이라는 점을 사람들에게 알려야했습니다. @ Azbo400 문제에 감사드립니다.

HKuz 에 2017년 01월 21일

@HKuz 괜찮습니다, 문제 없습니다. 😃

ryanarnouk 에 2017년 01월 21일

네. 작동하지 않습니다. 문제가 해결되면 알림이 있습니까?

ppmakeitcount 에 2017년 01월 22일

👍1

아직 "saas"를 지원하지 않습니다! 라마 오 !!!

2017 년 1 월 22 일 오전 12:19에 "Pramod Potdar" [email protected]이 작성했습니다.

네. 작동하지 않습니다. 문제가 해결되면 알림이 있습니까?

—
이 스레드를 구독했기 때문에이 메시지가 전송되었습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
.

ChrisD1986 에 2017년 01월 22일

그들은 당신에게서 어떤 말도 원하지 않습니다. 농담

rudolphh 에 2017년 02월 06일

나는 사람들에게 Sass가 아직 작동하지 않는다고 경고하는 것이 좋은 생각이라는 데 동의합니다.

한편, 나는 사람들이 Sass 컴파일러를 설치하고 자신의 컴퓨터에 그들의 가이드 (및 / 또는 FCC의 Sass 튜토리얼)를 따르는 방법에 대한 Sass 공식 페이지의 가이드를 따르는 것이 좋습니다. 가이드는 여기에서 시작합니다. http://sass-lang.com/install

betaalpha987 에 2017년 03월 12일

👍3

어려운 변수로 데이터를 저장하는 문제는 할당 된 변수의 사용을 확인할 수 있도록 마지막 두 테스트를 리팩토링해야합니다.

ahmadabdolsaheb 에 2018년 06월 01일

@ahmadabdolsaheb 굉장-좋은 전화. 리팩토링하는 방법을 알고 있습니까?

QuincyLarson 에 2018년 06월 03일

@QuincyLarson 나는 그것에있다

ahmadabdolsaheb 에 2018년 06월 04일

누군가이 문제를 해결하려는 경우 다음이 유용 할 수 있습니다.
리팩토링 할 테스트의 위치 :
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25

다음 두 가지로 교체해야하는 네 가지 테스트입니다.

"tests": [
        {
          "text": "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.",
          "testString": "assert(code.match(/\\$text-color\\s*?:\\s*?red\\s*?;/g), 'Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.');"
        },
        {
          "text": "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.",
          "testString": "assert(code.match(/\\.blog-post\\s*?\,\\s*?h2\\s*?{\\s*?color:\\s*?\\$text-color\\s*?;/g), 'Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.');"
        }
 ]

PR을하기 전에 솔루션을 테스트하십시오

ahmadabdolsaheb 에 2018년 06월 04일

안녕하세요.