CSS Tutorial 35 - Attribute Selectors

Published: 12 December 2017
on channel: Struct Feed
55
1

In this CSS tutorial, I go over selecting HTML elements with attaribute selectors. To use attaribute as selectors, you just need to put the attribute in square brackets....

[attribute = "attribute value"] {
/* Your CSS here */
}

you can also add ~ before equal (=) sign and this will select all elements where the attribute has the word separated by space or by it self
[attribute ~= "attribute value"]

you can also add | before equal (=) sign and this will select all elements where the attribute has the word separated by dash (-) or by it self
[attribute |= "attribute value"]

using [attribute ^= "attribute value"] selects all that begin with the value supplied.

using [attribute $= "attribute value"] selects all that end with the value supplied.

using [attribute *= "attribute value"] selects all that contain the value supplied.


On this page of the site you can watch the video online CSS Tutorial 35 - Attribute Selectors with a duration of hours minute second in good quality, which was uploaded by the user Struct Feed 12 December 2017, share the link with friends and acquaintances, this video has already been watched 55 times on youtube and it was liked by 1 viewers. Enjoy your viewing!