.d1 { display: flex; justify-content: space-between; } .d1>div { display: flex; flex-direction: column-reverse; justify-content: flex-end; } .d1>div>span:last-child { color: green; font-size: 30px; } .d1>div>span:nth-child(2n) { color: red; } .d1>div>span:nth-child(2n+1) { color: blue; } <div class="d1"> <div> <span>2</span> <span>+3</span> <span>5</span> <span>+6</span>…
if HTML is like: -section1 --h1 --h2 --h3 --section2 --h1 --h2 --h3 -section3 --h1 --h2 --h3 --section4 --h1 --h2 --h3 what should we do if we want to give section1, section2, section3 same style and section4 different style ? in…
I am trying to recreate this image. I however can't figure out how to create the orange circle behind the image. I've trid using relative and absolute position but that did nothing and pushed other elements to the side. I…
I want the first option in a select to be shown as grey. I found a working solution here. The important bits: /* fails */ .select1 option[value=""] { color: #999999; } /* works */ .select2:invalid, .select2 option[value=""] { color: #999999;…
Hello I am new learner of react. anybody please help me in form validation on(onchange) input Fields <Form.Group className="mb-3" controlId="Username"> <Form.Label>Username</Form.Label> <Form.Control type="text" placeholder="Lastname" name='username' value={Validation} onChange={textchange}/> </Form.Group> <Form.Group className="mb-3" controlId="formBasicEmail"> <Form.Label>Email address</Form.Label> <Form.Control type="email" placeholder="Enter email" name='email' value={Validation.email} onChange={emailchange}/>…
I have other company's html, show three lines: <div class="classA classB classC">A_display</div> <div class="classB classC">B_no_display</div> <div class="classC">C_no_display</div> I need A_display display, and let B_no_displayC_no_display hide. The classA, classB, classC's name is known and the class combination will not change. Can…
I have a div with 5 elements, and I only want to show 1 at a time. Is there a way to change .classname:nth-child(1) to .classname:nth-child(3) in javascript? Or do I need a different approach? I have a display none…
i want to detect the parent of element that has "_" character in it that could be achieved using jquery and css3 selcetor ":contain" like the following $('.class a:contains("_")').parent() but im trying to avoid using jquery too much , so…
problem I have an element $(elt_Main) (<span id="a">) I call $(elt_Main).find(selector); on it With a selector selector = ':not(span span)'; But jquery is not giving out all the child elements I want. ex [test1.html] say the content in html is::…
<div id="~" class="dm-post-0 well clearfix post listview" data-identifier="~" data-relative="https://url_that_i_want_to_capture" data-feed="~"> let convertEntries = () => { "use strict"; let target = [...document.getElementsByClassName("listview")]; let result = []; target.forEach((element) => { result.push({ title: element.querySelector(".list-header strong").textContent, url: element.querySelector("#listview").dataset.relative, }); }); return result; };…