Let's say I've got a link and that has some styling. <a href="...">Link</a> a { color: #f00; } a:hover, a:focus { color: #c00; } Let's now say that I place a link in another component and want to change the…
I'm somewhat new to css and I've been trying to create a header with the website title sitting in the middle of it. Only thing is when I try to make the font bigger it moves down and eventually overflows…
I'm making a navigation bar with dropdown features + a home button. But, the Home button stays on the very top right corner of the page, and not with the dropdown options. In this navigation bar, there should be a…
We have a vendor provided site that for some reason has decided that has a stylesheet with: body::selection{background-color:transparent;} We have to copy a lot of elements off this page and it is very difficult to tell what is going to…
How can I highlight the main menu button on the nav bar when I am on a page in either the menu or on the sub-menu? I already created an active class in CSS but I am not sure how…
I want to make comments from WebStorm like this: /*.container {*/ /* display: flex;*/ /* align-items: center;*/ /* justify-content: center;*/ /* position: relative;*/ /*}*/ but in VS Code I get this: /* .logo { width: 71.92px; height: 52.7px; z-index: 12;…
I would like to have a horizontally scrollable column flex container with sticky buttons on the right. But when the items exceed their containers by different amounts, then one of the button gets detached from the right border after scrolling…
How can I select line of text with big line-height property value? Selecting only the text and not the spaces between the lines. For instance, p { line-height: 6; font-size: 18px; } <p> Lorem ipsum dolor sit amet consectetur adipisicing…
i cant get the video game cover image from my html document to be displayed when the game title is displayed using my javascript function. im not sure what to do and couldnt find anything similar enough to my problem…
How to get an element with attribute name and again set a new attribute to the same element, suppose I have an <a href="#" myOwnAttributeName="hello"></a>. Now I know how to select this element using document.querySelectorAll('a[myOwnAttribute="#hello"]') I need to know how…