question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

I had inline style color as green and the test, Give your h1 element the inline style of color: white, passed.

See original GitHub issue

Challenge Override Class Declarations with Inline Styles has an issue. User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36. Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:


<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  #orange-text {
    color: orange;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }
</style>
<h1 id="orange-text" class="pink-text blue-text" style="color:green">Hello World!</h1>

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:35 (12 by maintainers)

github_iconTop GitHub Comments

1reaction
RishuKcommented, Jan 23, 2017

Hey @systimotic - I will work on this by this weekend and post here.

1reaction
ghostcommented, Oct 16, 2016

Use an in-line style to try to make our h1 element white. Remember, in line styles look like this:

<h1 style="color: green">

Leave the blue-text and pink-text classes on your h1 element.

This was the assignment and when I changed in-line style to white it worked right away. screenshot from 2016-10-16 10-45-04

Read more comments on GitHub >

github_iconTop Results From Across the Web

Override Class Declarations with Inline Styles/h1 element ...
My h1 element isn't white. Your code so far <style> body { background-color: black; font-family: Monospace; color: green; } #orange-text ...
Read more >
Inline Styles in HTML - Codecademy
When CSS is written using the style attribute, it's called an “inline style”. In general, this is not considered a best practice. However,...
Read more >
Applying color to HTML elements using CSS - MDN Web Docs
This article is a primer introducing each of the ways CSS color can be used in HTML.
Read more >
CSS - Cascading Style Sheets, designing for the Web - W3C
In the example above, the selector is h1 and the declaration is "color: green." Hence, all h1 elements will be affected by the...
Read more >
How to set color to text in React JS - Stack Overflow
You can use inline-style like: const element = <h1 style={{ color: 'red' }}>Hello world</h1>. or const hStyle = { color: 'red' }; const ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found