Using a variety of CSS selectors can help you write more efficient CSS. In this video, see how to use different selectors to add more styles to your project.
- [Instructor] We're continuing to build on the project…created in part one of this series.…I have my latest copy saved to my desktop…in a folder called CSS resume.…If you have your copy, open it in your editor of choice.…If you have access to the Exercise Files,…you can also grab a copy of the project.…In folder Chapter One, 01_06.…Once you have your project files…open in your editor and your browser,…let's make some small changes.…Here's how the project currently looks.…
I'd like to remove some of the spacing here…around these paragraphs in the left column.…Looking at the HTML markup,…let's decide on a selector to use.…Let's scroll down to the Work Experience section…and here is the narrow column.…I want to remove the margin from these paragraphs.…I could use the selector col-narrow p…but that will apply any time we use a paragraph…in this narrow column,…and we might not want to remove that default spacing…to all of the paragraphs whenever it's added.…
So, another option could be work, p,…but that might be too general because it will also…
- Reviewing CSS syntax
- Reviewing simple selectors and attribute selectors
- Using pseudo-class selectors and pseudo-element selectors
- Reviewing the CSS box model
- Adding a menu to your project
- Using float, display, and position
- Debugging CSS
- Resetting stylesheets
- Working with background images
- Exploring a mobile-first approach for responsive web design
- Creating flexible and fluid layouts
Skill Level Beginner
Building Responsive Forms with Flexboxwith James Williamson1h 20m Intermediate
1. CSS Selectors
3. Tips and Tools
4. Responsive and Mobile
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.