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…
What is the most economical way to write this code? .colHeaders div:nth-child(2), .colHeaders div:nth-child(3), .colHeaders div:nth-child(4), .colHeaders div:nth-child(11), .colHeaders div:nth-child(12), .colHeaders div:nth-child(14), .colHeaders div:nth-child(15), .colHeaders div:nth-child(16) {background: lightgrey;} And why can I tell nth-child to skip children at the start,…
I have just started learning to code. I made my multipage resume in HTML, and now I began to add style. I was expecting the change to come in all pages, but it was only the index page that showed…
Now that there is CSS Nesting, if I'm using a body-level class for "dark" or "light" mode, I would love to set attributes to a selector that's deep in the nest by referencing the parent: body{ .header{ .button{ .image{ background-color:…
I want to style specific "sections that are directly inside the body" and "sections that are directly inside a div directly inside the body" with the ":is()" pseudo-class, without the redundancy (with relative selectors). I have the following code in…