Breaking News: Grepper is joining You.com. Read the official announcement!

selector css

Add Answer

Ganesh answered on November 19, 2020 Popularity 10/10 Helpfulness 1/10

answer selector css

related CSS Selector

related selector css

related what is css selector

selector css

Comments(1)

div{}
#idname{}
.classname{}
/*Psuedo element*/
div::first-letter {}
div::first-word{}
div::after {}
div::before {}
/*Psuedo class*/
div:link{}
div:hover{}
div:active{}
div:visited{}
div:focus{}

Popularity 10/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css selector

Link to this answer
Share Copy Link

Contributed on Dec 28 2022

Ganesh

0 Answers Avg Quality 2/10

Closely Related Answers

CSS Selector

Comment

.class1.class2 	    .name1.name2 	Selects all elements with both name1 and name2 set within its class attribute
.class1 .class2 	.name1 .name2 	Selects all elements with name2 that is a descendant of an element with name1

*                	* 	        Selects all elements
element 	        p 	        Selects all <p> elements
element.class       p.intro 	Selects all <p> elements with class="intro"
element,element 	div, p 	    Selects all <div> elements and all <p> elements
element element 	div p 	    Selects all <p> elements inside <div> elements
element>element 	div > p 	Selects all <p> elements where the parent is a <div> element
element+element 	div + p 	Selects the first <p> element that is placed immediately after <div> elements
element1~element2 	p ~ ul    	Selects every <ul> element that is preceded by a <p> element


/*Attribute selectors*/
    p[class="review"] /*all of paragraphs with review class on them*/
    img[href^="../my code guide/"] /*every image that starts with that addres (replacing "=" with"^=")*/
    img[href$="../my code guide/"] /* its end with this attribute*/
    img[href*="../my code guide/"] /*if its contain anywhere*/
    h1[class~="site-header"] /*only works with white space seperator*/
    h1[class|="subtitle"] /*selects ones that start with "subtitle" or "subtitle" and "-" in following*/

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 24 2022

Encouraging Eagle

0 Answers Avg Quality 2/10

selector css

Comment

*all elements
divall div tags
div,pall divs and paragraphs
div pparagraphs inside divs
div > pall p tags, one level deep in div
div + pp tags immediately after div
div ~ pp tags preceded by div
.classnameall elements with class
#idnameelement with ID
div.classnamedivs with certain classname
div#idnamediv with certain ID
#idname *all elements inside #idname

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 05 2021

BlueMoon

0 Answers Avg Quality 2/10

what is css selector

Comment

div { color: red; } // the "div" in .css is a selector targeting all <div> elements
simpleSelector = document.querySelectorAll()("div"); // all divs 
complexSelector = document.querySelector("div.user-panel.main input[name='login']")  // the first <input> element with the name "login" (<input name="login"/>) located inside a <div> whose class is "user-panel main" (<div class="user-panel main">) in the document is returned

Popularity 10/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Nov 19 2020

Pink Person

0 Answers Avg Quality 2/10

selector css

Contents

More Related Answers

selector css

Closely Related Answers

CSS Selector

selector css

what is css selector

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.