Sélecteur CSS sans attribut
input:not([type]) {
/* style here */
}
DeuxAlpha
input:not([type]) {
/* style here */
}/*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*/a[target] {
background-color: yellow;
}[class^='aus'] {
/* Classes are attributes too!
This will target any class that begins with 'aus':
class='austria'
class='australia'
*/
}
[src$='.jpg'] {
/* This will target any src attribute that ends in '.jpg':
src='puppy.jpg'
src='kitten.jpg'
*/
}
[for*='ill'] {
/* This will target any for attribute that has 'ill' anywhere inside it:
for="bill"
for="jill"
for="silly"
for="ill"
*/
}