Attribute Selectors CSS
|
1 2 3 |
a[target] { background-color: hotpink; } |
Attribute on Image CSS
|
1 2 3 |
[title~=logo] { border: 5px solid red; } |
Attribute Value Selector
|
1 2 3 |
[class$="test"] { background: lightblue; } |
Attribute|=value Selector CSS
|
1 2 3 4 |
[class|=top]
{ background: red; } |
Attribute$=value Selector CSS
|
1 2 3 |
[class$="test"] { background: lightblue; } |
Attribute^=value Selector CSS
|
1 2 3 4 |
[class^="top"] { background:
lightgrey; } |
Styling-Form CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
input[type="text"] { width: 200px; display: block; margin-bottom: 20px; background-color: lightgrey; } input[type="button"] { width: 100px; margin-left: 50px; display: block; background-color: hotpink; } |
[attribute=value] Selector CSS
|
1 2 3 |
a[target="_blank"] { background-color: hotpink; } |