/*Advanced selectors*/
h2 + p /*every paragraph that is after "h2" */
textarea ~ button /*every button that is aftrer textarea with same parent (<form> is the same parent in this example)*/
ul > li /*every signle "li" inside of the "ul"*/
ul li /*every "li" that goes up to "ul"*/
/*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 starts with "subtitle" or "subtitle" and "-" in following*/
/*Advanced selectors*/
h2 + p /*every paragraph that is after "h2" */
textarea ~ button /*every button that is aftrer textarea with same parent (<form> is the same parent in this example)*/
ul > li /*every signle "li" inside of the "ul"*/
ul li /*every "li" that goes up to "ul"*/
/*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*/
/*Advanced selectors*/
h2 + p /*every paragraph that is after "h2" */
textarea ~ button /*every button that is aftrer textarea with same parent (<form> is the same parent in this example)*/
ul > li /*every signle "li" inside of the "ul"*/
ul li /*every "li" that goes up to "ul"*/
/*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 starts with "subtitle" or "subtitle" and "-" in following*/
/*Advanced selectors*/
h2 + p /*every paragraph that is after "h2" */
textarea ~ button /*every button that is aftrer textarea with same parent (<form> is the same parent in this example)*/
ul > li /*every signle "li" inside of the "ul"*/
ul li /*every "li" that goes up to "ul"*/
/*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*/
Code Example |
---|
Css :: how to set scss variables |
Css :: menu animation |
Css :: linking in css |
Css :: input disabled css |
Css :: Set cellpadding and cellspacing in CSS? |
Css :: backface-visibility: hidden; |
Css :: css hide after seconds |
Css :: @media css |
Css :: css nested class |
Css :: css box-sizing |
Css :: other children than first css |
Css :: css nearest neighbor |
Css :: account system php html |
Css :: css pseudo elements |
Css :: is there a min-left css attribute |
Css :: convert css in scss |
Css :: opacity gradual css |
Css :: elementsone after other css |
Css :: exact media screen |
Css :: avada porfolio remove featured image link rollover |
Css :: swipe animation css |
Css :: html css limit page to a4 |
Css :: sticky form look blurred |
Css :: easyui how to change datagrid header height |
Css :: scss add class to body |
Css :: how to affect other elements when one element is hovered |
Css :: how set image at top in wordpress |
Css :: aftre svg contain css |
Css :: where is sendmail in lampp |
Css :: body .div csss |