CSS selector

πŸ§΅πŸ§΅πŸ‘‡πŸ‘‡

final part

attribute selector

this selector is used to select specific parts of an Html element or specific attribute. Image
01. [attr] Selector

Represents elements with an attribute-name of attr This type of attribute selector is used to select all the elements that have the specified attribute and applies the CSS property to that attribute. Image
02. [attr=value]

Represents elements with an attribute-name of attr.

This selector is used to select all the elements whose attribute has the value exactly the same as the specified value. Image
03. [attr~=value]

Represents elements with an attribute-name of attr whose value is a whitespace-separated list of words, one of which is the exact value. Image
04. [attr|=value]

Represents elements with an attribute-name of attr whose value can be exactly value or can begin with value immediately followed by a hyphen, - (U+002D). It is often used for language subcode matches. Image
05. [attr^=value]

Represents elements with an attribute-name of attr whose value is prefixed (preceded) by value. Image
06. [attr$=value]

Represents elements with an attribute-name of attr whose value is suffixed (followed) by value. Image
07. [attr*=value]

Represents elements with an attribute-name of attr whose value contains at least one occurrence of value within the string Image
thanks for reading the full thread πŸ˜€

if you found this thread useful share full thread with others.

like and hit follow button for more threads.

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Ravi Kumar

Ravi Kumar Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @ravikmmr

7 Aug
Do you know about HTML layout ??

πŸ§΅πŸ‘‡ Image
1⃣ Introduction of HTML layout

HTML layout is used to structure a web page in a proper manner so it looks better and gives a proper responsive web page.

It helps users easy to navigate the web page and it easily makes by using standard Html tags. Image
2⃣ Why it is used ??

1. It Simplifies navigation by clarifying the structure.

2. It Makes the design more visually appealing.

3. It helps to make the page in a more responsive form.

4. helps users to easily navigate the web page.
Read 8 tweets
5 Aug
Top Five udemy courses for web development πŸ’―πŸ˜Ž

πŸ§΅πŸ‘‡

some of the best list of courses that helps you to get started in the world of front-end development.

many people DM me where to start so these are courses for them who want to start or brush up their skills!!
01. The Complete 2021 Web Development Bootcamp

this course is created by @yu_angela, This course gives you a brief intro about the web development world, she discusses the full stack development this is the best course to get started

πŸ”—πŸ”—

udemy.com/course/the-com…
02. The Web Developer Bootcamp 2021

This course is created by colt Steele, he covers all the topics related to web development so goes and start!!

πŸ”—πŸ”—

udemy.com/course/the-web…
Read 7 tweets
4 Aug
Quick cheat sheet πŸ˜ŽπŸ’―

πŸ§΅πŸ§΅πŸ‘‡πŸ‘‡

HTML, CSS & GIT cheat sheet for a quick revision for interviews and it also helps to memorize all the concept
01. GIT Cheatsheet

In this GIT cheat sheet, there are some important GIT commands that you should definitely know!

πŸ‘‡πŸ‘‡
02. HTML & CSS cheat sheet

πŸ‘‡πŸ‘‡

Read 4 tweets
1 Aug
Top 6 Website to practice Your Frontend SkillsπŸ’ͺ😎

If you want to improve your frontend skills and want to check your knowledge then check out this thread

πŸ§΅πŸ§΅πŸ‘‡πŸ‘‡
01. Fronted Mentor

Improve your front-end skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional designs.

πŸ‘‡πŸ‘‡

frontendmentor.io/challenges
02. javascript30

30 Day Vanilla JS Coding Challenge

Build 30 things in 30 days with 30 tutorials

πŸ‘‡πŸ‘‡

javascript30.com
Read 7 tweets
31 Jul
Top 5 playlist for Web Development in the Hindi language for FREEπŸ˜€β™₯️

many people asked me to make a list of playlists so they can learn in the Hindi language.

πŸ§΅πŸ§΅πŸ‘‡πŸ‘‡ Image
01. Code with Harry

This playlist covers Web development from scratch
if you didn't know anything about web development you start with this playlist

πŸ‘‡πŸ‘‡

youtube.com/c/CodeWithHarr…
02. Thapa technical

He has a wide range of playlists for the developers
he covers all the topics of web development. So you can start with easily

πŸ‘‡πŸ‘‡

youtube.com/c/ThapaTechnic…
Read 7 tweets
30 Jul
Top Youtube playlist for web development where you can learn for free.

A Mega thread

πŸ§΅πŸ§΅πŸ‘‡πŸ‘‡ Image
01. Traversy Media

In this playlist, you can learn all about web development he has a bunch of things and guest creators from all over the world so try this.

youtube.com/c/TraversyMedi…
02. freeCodeCamp

One of the biggest learning platforms in the world it has very good web development courses available and also you can learn new things from these courses.

youtube.com/c/Freecodecamp…
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(