Questions
CSS questions
Choose a question page, learn the concept, then test your understanding with a quiz.
Angular ngClass Conditional Class Binding Explained
Learn how to use Angular ngClass for conditional classes, fix common binding mistakes, and understand why this template error happens.
Apply CSS to an iframe: Same-Origin Styling in HTML
Learn why parent-page CSS does not style iframe content, how same-origin rules work, and practical ways to style embedded pages safely.
Apply Multiple CSS Transforms: rotate() and translate()
Learn how to combine multiple CSS transform functions such as rotate() and translate(), understand transform order, and avoid overwritten rules.
Bootstrap Table Text Alignment Classes: Right-Align Currency Values
Learn Bootstrap text alignment utilities for table headers and cells, including .text-right in Bootstrap 3/4 and .text-end in Bootstrap 5.
CSS 100% Height with Padding and Margins: box-sizing Explained
Learn how CSS box-sizing makes 100% width or height include padding and borders, avoiding overflow and unwanted scrollbars.
CSS :not() Selector for Elements Without a Class or Attribute
Learn how to use the CSS :not() selector to target elements that do not have a specific class or attribute, with examples and common pitfalls.
CSS :not() with Multiple Selectors: Excluding Radio and Checkbox Inputs
Learn how CSS :not() selector lists work, how to exclude radio and checkbox inputs, and how to write compatible fallback selectors.
CSS Adjacent Sibling Selector (+): How It Works
Learn how the CSS adjacent sibling selector (+) targets an element immediately following another sibling, with practical examples and mistakes.
CSS Clearfix Methods for Floated Layouts
Learn why floated columns escape their container and compare robust CSS clearfix methods, flow-root, overflow, and modern Flexbox layouts.
CSS Clearfix: What It Is and How It Fixes Float Layouts
Learn what CSS clearfix is, why floated elements can collapse their parent, and how to use modern clearfix alternatives with examples.
CSS Fixed Position Relative to a Centered Container
Learn why CSS position: fixed uses the viewport and how to keep a fixed header or control aligned with a centered container.
CSS Font Scaling Relative to Container Size: %, em, rem, vw, and Responsive Text
Learn how CSS font scaling really works and how to make text responsive using %, em, rem, vw, clamp(), and media queries.
CSS Parent Selector Explained: Selecting a Parent <li> from an <a>
Learn whether CSS has a parent selector, how :has() works, and practical alternatives for styling a parent li from a child anchor.
CSS Previous Sibling Selector: What Exists and How to Work Around It
Learn whether CSS has a previous sibling selector, why it does not, and practical ways to style earlier elements using CSS alternatives.
CSS Selectors for Text Content: What CSS Can and Cannot Match
Learn why standard CSS cannot select elements by text content, and use classes, data attributes, :has(), or JavaScript instead.
CSS Styling for Select Dropdowns: Limits, Properties, and Cross-Browser Options
Learn how far CSS can style HTML select dropdowns, which properties work across browsers, and why native option popups have limits.
CSS Table Row Spacing: Using border-spacing Correctly
Learn how to add space between HTML table rows with CSS border-spacing, border-collapse, and practical alternatives for table layouts.
CSS Transitions on display: Why They Don't Work and How to Fade Elements In
Learn why CSS cannot transition the display property and how to create smooth fade-in dropdown menus using opacity and visibility.
CSS Wildcard Class Selectors: Match Class Name Prefixes
Learn why `.tocolor-*` does not work in CSS and how to use shared classes and attribute selectors to match class prefixes safely.
CSS align-items vs align-content: Key Differences Explained
Learn the difference between CSS align-items and align-content, including flexbox and grid examples, wrapping behavior, and practical layout tips.
Page 1 of 6 - 110 questions