filmov
tv
CSS Combinator Selector - CSS Tutorial 16
![preview_player](https://i.ytimg.com/vi/rZTRs1VwFRM/maxresdefault.jpg)
Показать описание
Notes for You:: CSS Combinator Selector - CSS Tutorial 16
- Yes, It is possible to combine a selector with other selectors to make more specific selection.
Syntax of CSS Combination Selector:
selector1selector2
{
CSS styles list;
}
Example for CSS Combination Selector:
tagselectorclassselector
{
declaration list;
}
tagselectoridselector
{
declaration list;
}
classselectorattributeselector
{
declaration list;
}
Example for CSS Combination Selector:
{
border:2px solid red;
}
- selects any h1 tag with class attribute value redborder and applies border of 2px solid red to them.
{
border:2px solid red;
}
- selects any p tag with class attribute value redborder and applies border of 2px solid red to them.
{
border:2px solid red; background-color:magenta;
}
- selects any p tag with class attribute value redborder and align attribute with value right and applies border of 2px solid red and background color magenta to them.
=========================================
Follow the link for next video:
CSS Tutorial 17 - HTML DOM Tree Terminologies | Document Object Model Tree Structure
Follow the link for previous video:
CSS Tutorial 15 - CSS Group Selector
=========================================
CSS Tutorials Playlist:-
=========================================
Watch My Other Useful Tutorials:-
HTML Tutorials Playlist:-
JavaScript Tutorials Playlist:-
jQuery Tutorials Playlist:-
=========================================
► Subscribe to our YouTube channel:
► Visit our Website:
=========================================
Hash Tags:-
#ChidresTechTutorials #CSS #CSSTutorial
- Yes, It is possible to combine a selector with other selectors to make more specific selection.
Syntax of CSS Combination Selector:
selector1selector2
{
CSS styles list;
}
Example for CSS Combination Selector:
tagselectorclassselector
{
declaration list;
}
tagselectoridselector
{
declaration list;
}
classselectorattributeselector
{
declaration list;
}
Example for CSS Combination Selector:
{
border:2px solid red;
}
- selects any h1 tag with class attribute value redborder and applies border of 2px solid red to them.
{
border:2px solid red;
}
- selects any p tag with class attribute value redborder and applies border of 2px solid red to them.
{
border:2px solid red; background-color:magenta;
}
- selects any p tag with class attribute value redborder and align attribute with value right and applies border of 2px solid red and background color magenta to them.
=========================================
Follow the link for next video:
CSS Tutorial 17 - HTML DOM Tree Terminologies | Document Object Model Tree Structure
Follow the link for previous video:
CSS Tutorial 15 - CSS Group Selector
=========================================
CSS Tutorials Playlist:-
=========================================
Watch My Other Useful Tutorials:-
HTML Tutorials Playlist:-
JavaScript Tutorials Playlist:-
jQuery Tutorials Playlist:-
=========================================
► Subscribe to our YouTube channel:
► Visit our Website:
=========================================
Hash Tags:-
#ChidresTechTutorials #CSS #CSSTutorial