When I type this:
- There are no errors in the console log. - No errors when ran through JS Hint - Chrome debugger shows the code executed - Chrome Elements tab does **not** show the styles as loaded - `.site-title`'s styles are applied perfectly - `.menu-btn` is not applying at all. - When the *same styles* are added via CSS they apply correctly. body > div.site-container > button.menu-btn { top: unset; right: unset; bottom: 15px; left: 10px; z-index: 100; position: fixed; }
The result is:
- There are no errors in the console log.
- No errors when ran through JS Hint
- Chrome debugger shows the code executed
- Chrome Elements tab does not show the styles as loaded
.menu-btn
is not applying at all.When the same styles are added via CSS they apply correctly.
body > div.site-container > button.menu-btn { top: unset; right: unset; bottom: 15px; left: 10px; z-index: 100; position: fixed; }
In order to get my code block to appear correctly I have to add ---
before the code block.
When I type this:
- There are no errors in the console log. - No errors when ran through JS Hint - Chrome debugger shows the code executed - Chrome Elements tab does **not** show the styles as loaded - `.site-title`'s styles are applied perfectly - `.menu-btn` is not applying at all. - When the *same styles* are added via CSS they apply correctly. --- body > div.site-container > button.menu-btn { top: unset; right: unset; bottom: 15px; left: 10px; z-index: 100; position: fixed; }
The result is:
- There are no errors in the console log.
- No errors when ran through JS Hint
- Chrome debugger shows the code executed
- Chrome Elements tab does not show the styles as loaded
.site-title
's styles are applied perfectly.menu-btn
is not applying at all.- When the same styles are added via CSS they apply correctly.
body > div.site-container > button.menu-btn {
top: unset;
right: unset;
bottom: 15px;
left: 10px;
z-index: 100;
position: fixed;
}
Is this a bug or is there a way for me fix this in my markup?
<?-- -->
.<p></p>
or<div></div>
in place of your---
<!---->
.-
and your list item. Two of your list items aren’t correct.