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.

Different styles on the same page

See original GitHub issue

Hello,

Is it possible to use different styles on the same page? I want to specify style the same way that the language is specified:

<pre><code class="html solarized_dark">...</code></pre>

Thanks!

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:1
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
starikovscommented, Jun 5, 2015

BTW, there’s a way to prefix styles if you with help of LESS:

.atelier-seaside-light {
  @import (less) 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/atelier-seaside.light.min.css';
}

As a result you’ll get:

.atelier-seaside-light .hljs-comment {
  color: #687d68;
}
.atelier-seaside-light .hljs-variable,
...
.atelier-seaside-light .css .hljs-pseudo {
  color: #e6193c;
}
...

That works perfectly! 😃

0reactions
starikovscommented, Jun 3, 2015

Ok, that’s cool 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Same Page Different Stylesheets - W3Schools
No Styles. This page uses DIV elements to group different sections of the HTML page. Click here to see how the page looks...
Read more >
How can I have two different styles in the same page
You can use different class name for two separate div but if you want to use this without change the existing class name...
Read more >
How to display two different style of link on the same page with ...
This will display all links in the document as per the first style except those that appear in the boxout—these links will be...
Read more >
Different Parenting Styles? How To Get On The Same Page!
Different parenting styles don't have to ruin your relationship. Here's 8 proven parenting tips to help you hash out your disagreements and be...
Read more >
How to set up different page styles in the same document in ...
In this video you can learn how to setup pages with no header in the same document with pages with different margins or...
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