tags?

203 Views Asked by Conanap At 04 April 2025 at 23:33

I'm working on making a dark mode for the Kaplan website tests so I don't blind myself studying.

The following HTML code is representative of the structure of the source, and the tag with id="stylish-23" is what's added by a chrome extension to change the page's CSS styling:

<html> // html 1
  <html> // html 2
    <html> // html 3
      <html> // html 4
        <div id="divQuestions"> </div> //actual tag I want to change
      </html> // html 4
    </html> // html 3
  </html> // html 2
  <style id="stylish-23" type="text/css">...</style>
</html> // html 1

I put div#divQuestions in the style tag's CSS and it does not appear to have any effect at all. Due to the nature and limitation of the extension, I'm only able to add CSS to the style tag, and the CSS appears to not be able to select HTML tags (or at least when I do, nothing happens). I've noticed that dragging the style tag into html #4 in developer console will properly apply the CSS.

The element in question's CSS from inspect:

My CSS in the style tag:

div#divQuestions {
  background: black;
}

Thanks for the help!

Original Q&A

There are 2 best solutions below

anova01 On 19 July 2020 at 01:29

nth-of-type is a selector that matches the nth element of their "type".
So, you can do this:

html:nth-of-type(1)
html:nth-of-type(2)
html:nth-of-type(3)
...

Or, you can do this since you said "multiple nested tags":

html
html > html
html > html > html
...

ray On 19 July 2020 at 01:32

#divQuestions selector works for me if I fix the div's closing tag (or even if I don't, as it turns out):

<html>
  <html>
    <html>
      <html>
        <div id="divQuestions"> </div>
      </html>
    </html>
  </html>
  <style id="stylish-23" type="text/css">
    #divQuestions {
      padding: 48px;
      background: aliceblue;
      border: 4px solid blue;
    }
  </style>
</html>

How to select <html> tag in CSS when the source HTML has multiple nested <html> tags?

There are 2 best solutions below

Related Questions in HTML

Related Questions in CSS

Related Questions in CSS-SELECTORS

Related Questions in STYLUS

Related Questions in STYLISH

Trending Questions

Popular # Hahtags

Popular Questions