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; } |
Video Lecture
Latest posts by Prof. Fazal Rehman Shamil (see all)
- 5 Best Places to Study Engineering - March 19, 2021
- How Students Can Pick a Good Custom-Paper Writing Service? - March 5, 2021
- List of Public service commissions - August 31, 2020