KPC
Kevin Powell - Community•16mo ago
sirfloki.

H1 turning blue outside of class scope

Am I going insane? Why is this happening? I only want the p and h1 in the "one" class to turn blue. Codepen: https://codepen.io/SirFloki/pen/VwGjYJp
Daniel
CodePen
VwGjYJp
...
3 Replies
Jochem
Jochem•16mo ago
you need this: 
.one h1, .one p{
  color: blue;
}
.one h1, .one p{
  color: blue;
}
The comma completely resets the selector Alternatively: 
.one :is(h1, p) {
  color: blue;
}
/*or*/
.one :where(h1, p) {
  color: blue;
}
.one :is(h1, p) {
  color: blue;
}
/*or*/
.one :where(h1, p) {
  color: blue;
}
sirfloki.
sirfloki.•16mo ago
I see...so the second selector after the comma is selecting all paragraphs and isn't scoped to the "one" class. It's very odd this is the first time I've run into this issue. But now I know. Thanks!
Jochem
Jochem•16mo ago
That's correct. And you're welcome glad to help!
Want results from more Discord servers?
Add your server
More Posts
hot to get svg when it is in g elemenet like paypal sitehttps://www.paypal.com/us/webapps/mpp/home i want to get thoese blue and yellow shapes and i caant fFigma Design Mobile for Project plugin suggestions and tipsAny good plugins that could help with figma that others commonly use? I'm a noob to the software. AlWhere to start?I have good grasp on Html, CSS and Javascript. Recently I learned little bit React and was able to mHow to improve - feedbacktell me how i can improve thisimporting file in typescripthii everyone! anyone can help me to figure out the solution. I'm importing the file in typescript buFont awesome sun icon not showing```<div class="search-wrapper"> <form action="" class="search-form"> </form> how to add borders for search and location icon when clicked inside search field?https://codepen.io/avinash-tallapaneni/pen/ExRomwX. i tried using focus within still has no effectShrink Header on scrollHi guys, I'm new to this server. I"d be glad if you help me create this animation. I've been strugglstruggling with a shape in a sitehow to make this blue shape in the beckground and make it responsive https://www.paypal.com/us/webapHelp with accessibility: Possible headingI'm using Pa11y and a Chrome extension called Wave Evaluation Tool to check for accessibility issues