Bird
0
0

You want to enqueue two CSS files: main.css and theme.css. theme.css depends on main.css. Which code correctly enqueues both with dependency and versioning?

hard📝 Application Q15 of 15
Wordpress - Theme Structure and Basics
You want to enqueue two CSS files: main.css and theme.css. theme.css depends on main.css. Which code correctly enqueues both with dependency and versioning?
Awp_enqueue_style('main-style', get_template_directory_uri() . '/main.css', array(), '1.0'); wp_enqueue_style('theme-style', get_template_directory_uri() . '/theme.css', array('main-style'), '1.1');
Bwp_enqueue_style('theme-style', get_template_directory_uri() . '/theme.css', array(), '1.1'); wp_enqueue_style('main-style', get_template_directory_uri() . '/main.css', array('theme-style'), '1.0');
Cwp_enqueue_style('main-style', get_template_directory_uri() . '/main.css', array('theme-style'), '1.0'); wp_enqueue_style('theme-style', get_template_directory_uri() . '/theme.css', array(), '1.1');
Dwp_enqueue_style('main-style', get_template_directory_uri() . '/main.css'); wp_enqueue_style('theme-style', get_template_directory_uri() . '/theme.css');
Step-by-Step Solution
Solution:
  1. Step 1: Understand dependency order

    theme.css depends on main.css, so theme-style must list main-style as a dependency.
  2. Step 2: Check versioning and parameters

    wp_enqueue_style('main-style', get_template_directory_uri() . '/main.css', array(), '1.0'); wp_enqueue_style('theme-style', get_template_directory_uri() . '/theme.css', array('main-style'), '1.1'); correctly enqueues main-style first with no dependencies, then theme-style with main-style as dependency and proper versions. Other options reverse dependencies or omit them.
  3. Final Answer:

    wp_enqueue_style('main-style', get_template_directory_uri() . '/main.css', array(), '1.0'); wp_enqueue_style('theme-style', get_template_directory_uri() . '/theme.css', array('main-style'), '1.1'); -> Option A
  4. Quick Check:

    Dependency array lists main-style for theme-style [OK]
Quick Trick: List dependencies in array for dependent styles [OK]
Common Mistakes:
  • Reversing dependency order
  • Omitting dependency array
  • Not specifying versions when needed

Want More Practice?

15+ quiz questions · All difficulty levels · Free

Free Signup - Practice All Questions
More Wordpress Quizzes