given I have radio button styled with tailwind class <input type="radio" class="bg-red-500" checked="checked"/> I can find the element with JavaScript query selector: document.querySelector(".bg-red-500") no big deal👍 it works But how would I find an emement styled with Tailwind's pseudo element…
I have a simple html hierarchy: <div> <div> <div class="custom-class">whatever</div> </div> <div> <div class="custom-class">whatever</div> </div> <div> <div class="custom-class">thing i want to select</div> </div> </div> I am currently adding attributes to .custom-class but would like to add a specific attribute to…
I want the <div id="Feedback"> to appear when I hover over <p>Would you like to give feedback?</p>. In other words, I want the <textarea> and <p>How can we imporve the page?</p> to have their display set to 'block' when I…
Consider this example, a,b,c,d are just random tags. The d-tag marked with with class="select" are the ones I want to select. Of course, I dont have a class on them. The rule should be: Select the highest-level occuring descendant only,…
So, I am a beginenr and I wrote a set of styles like: .heading-background .author-class .publish-time{ border: 2px solid black; } In index.html I have 3 different heading elements with these different classes; heading-background, author-class and publish-time. I want a…
I am trying to make a comment process in HTML, CSS, js, and PHP. I have an element named .view_replies in the nested class. If I make a sibling of its parent element and want to target it(i.e.sibling) I use…
How can I get the .statistics-list that contains a ul with no li's to be hidden? .statistics-section { border: 2px solid red; } .statistics-section:has(ul:has(:not(li))) { display: none; } <div class="statistics-section"> <h2>Hello 1 - This should be visible</h2> <ul> <li>Item 1</li>…
Media queries can be used inside selectors, but they seem to be ignored inside pseudo elements in plain css. Example: div.container { color: red; &::before { display: inline-block; content: "shouldn't display."; @media screen and (min-width: 1px) { content: "should display?";…
This is my HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hovering Boxes</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"></div> <script> let container = document.getElementById('container'); let boxCount = 100; for(let i = 0; i < boxCount;…
I am trying to add a popup box to a website page that prompts users to click a button to access the rest of the site. The idea is that when they click the button in the popup box the…