filmov
tv
All Selectors in One Video: Combinator Selector, Pseudo Class, Pseudo Element | 8th Video | Adisma
Показать описание
All CSS Selectors in One Video || 8th Video on CSS || Adisma
CSS Selectors : Any HTML Element which handle by name.
We can divide CSS selectors into five categories:
1.Simple selectors (select elements based on name, id, class)
2.Combinator selectors (select elements based on a specific relationship between them)
3.Pseudo-class selectors (select elements based on a certain state)
4.Pseudo-elements selectors (select and style a part of an element)
5.Attribute selectors (select elements based on an attribute or attribute value)
=================================================================
1.Simple selectors
a) Element Selector
b) Id Selector
c) Class Selector
d) Universal Selector
e) Grouping Selectors
----------------------------------------
2.Combinator selectors
a) Descendent Selector
b) Child Selector(greater than symbol )
c) Adjacent sibling Selector(+)
d) general sibling (~)
-----------------------------------------
3. Pseudo-class selectors
eg:
a:link
a:visited
a:hover
a:active
-------------------------------------------
4.Pseudo-elements selectors
::after (:after)
::before (:before)
5.Attribute selectors
eg : input[type="text"]
input[type="button"]
Instagram :
Please don't forget to like, share and subscribe my channel.
CSS Selectors : Any HTML Element which handle by name.
We can divide CSS selectors into five categories:
1.Simple selectors (select elements based on name, id, class)
2.Combinator selectors (select elements based on a specific relationship between them)
3.Pseudo-class selectors (select elements based on a certain state)
4.Pseudo-elements selectors (select and style a part of an element)
5.Attribute selectors (select elements based on an attribute or attribute value)
=================================================================
1.Simple selectors
a) Element Selector
b) Id Selector
c) Class Selector
d) Universal Selector
e) Grouping Selectors
----------------------------------------
2.Combinator selectors
a) Descendent Selector
b) Child Selector(greater than symbol )
c) Adjacent sibling Selector(+)
d) general sibling (~)
-----------------------------------------
3. Pseudo-class selectors
eg:
a:link
a:visited
a:hover
a:active
-------------------------------------------
4.Pseudo-elements selectors
::after (:after)
::before (:before)
5.Attribute selectors
eg : input[type="text"]
input[type="button"]
Instagram :
Please don't forget to like, share and subscribe my channel.