CSS - CSS Attribute
CSS Selector attribute value - Definition and Usage
- In css , attribute selector value is used to select html element with specified attribute and value.
- It is used to apply different style with different attributes and values.
![CSS Attribute Selector Value CSS Attribute Selector Value](img/css/css-attribute-selector-value.png)
CSS Target attribute - Definition and Usage
- In css :target selector is used to style the current active target element.
- URLs with an # followed by an anchor name link to a definite element within a current document.
- The element to be linked is the target element.
![CSS Attribute Target CSS Attribute Target](img/css/css-attribute-target.png)
CSS Attribute tilt selector - Definition and Usage
- In css tilt (~)selector is used to select the element containing attribute value with specified word.M
- Select elements with attributes value containing space separated word also.
![CSS Attribute Tilt Selector CSS Attribute Tilt Selector](img/css/css-attribute-tilt-selector.png)
CSS Attribute pipe selector - Definition and Usage
- In css pipe (|) selector is used to choose the element with specified attribute starting with identified value.
- Selector is convenient when you want to set a style for particular elements with starting value of attribute.
- It is used to refer the beginning of the string and whole word should be the value either alone or hypen value.
![CSS Attribute pipe Selector CSS Attribute pipe Selector](img/css/css-attribute-pipe-selector.png)
CSS Attribute top selector - Definition and Usage
- In css top (^)selector is used to select the element containing specified word in the beginning of attribute value.
- It is used to refer the beginning of value,but whole word should not be the value.
![CSS Attribute Top selector CSS Attribute Top selector](img/css/css-attribute-top-selector.png)
CSS Attribute dollar selector - Definition and Usage
- In css dollar($) selector is used to choose the element whose value is end with attribute value.
- Selector is convenient when you want to set a style for particular elements with end of attribute value.
- It is used to select the end of the string.
![CSS Attribute dollar Selector CSS Attribute dollar Selector](img/css/css-attribute-dollar-selector.png)
CSS Attribute asterisk selector - Definition and Usage
- In css the asterisk selector is used to select all the elements by applying many style.
- Selector is convenient when you want to set a style for of all the elements of an HTML page.
- Selector can also choose all elements inside another element.
- Asterisk (*) selector is used to select the begin and end of the string.
![CSS Attribute Asterisk Selector CSS Attribute Asterisk Selector](img/css/css-attribute-asterisk-selector.png)