How can HTML elements be styled having specific attributes?

Css allows the user to style the html elements that have specific attributes. It does not only rely on class and id.
For ex.
[title]
{
color:red;
}
This will simply color any attribute containing title.
Css also allows the user to specify an attribute with a particular value.
For ex.
[title=test]
{
color:red;
}
This will simply color the text test that appears anywhere in the title attribute.
Also the user can specify an attribute with multiple values.
For ex. [title~=test] {color:blue;}