Just like JQuery, CSS also offer a great way to filter out elements with selectors using Regular Expressions.
Selecting on Attribute and value
[[att=str]]{style="font-family: 'courier new', courier;"} :- attribute value is exactly matching to str
[[att*=str] ]{style="font-family: 'courier new', courier;"}:- attribute value contains str - value can contain str anywhere either in middle or at end.
[[att\^=str]]{style="font-family: 'courier new', courier;"} :- attribute value starting with str
[[att\$=str]]{style="font-family: 'courier new', courier;"} :- attribute value ends with str
[att] :- Elements which contain attribute att with any value
Example:
Applying CSS with Pseudo-class :not
This quite interesting using :not selector to filter out on element properties. Using not selector you can distinguish them from other elements. In this selector also you can use regular expressions to find your elements.
For example:
input:not([DISABLED]){
background-color: yellow;
}
Posted By: Sanyam Khurana
The Geeky Way is founded by Sanyam Khurana. He graduated from Georgia Tech, Atlanta, US with a Master's degree in Computer Science. He goes by 'CuriousLearner' all over the web & has spoken at many international conferences. He likes to contribute to FOSS. He is listed as an individual contributor of the Django project, bug-triager for CPython & has his name listed in the credits section of every browser ever released by Mozilla. In his free time, he likes to improve his guitar skills or binge-watch series.. You can find him on Twitter