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
CEO @ T4Tutorials.com
I welcome to all of you if you want to discuss about any topic. Researchers, teachers and students are allowed to use the content for non commercial offline purpose. Further, You must use the reference of the website, if you want to use the partial content for research purpose.
I welcome to all of you if you want to discuss about any topic. Researchers, teachers and students are allowed to use the content for non commercial offline purpose. Further, You must use the reference of the website, if you want to use the partial content for research purpose.
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