Modify or add a CSS rule for each requirement below to change the background-color property as specified. Add a rule to change the background color for <ul> elements to be magenta. Modify the ol li selector so the yellow background color applies only to <li> elements that are direct children of <ol>elements. Add a rule to change the background color to cyan for <span> elements that are descendants of <ol> elements. Add a rule to change the background color to cyan for <span> elements that are descendents of <ul> elements. Combine the previous two rules into a single rule using a multiple selector. ol li { background-color: yellow;}
Modify or add a CSS rule for each requirement below to change the background-color property as specified. Add a rule to change the background color for <ul> elements to be magenta. Modify the ol li selector so the yellow background color applies only to <li> elements that are direct children of <ol>elements. Add a rule to change the background color to cyan for <span> elements that are descendants of <ol> elements. Add a rule to change the background color to cyan for <span> elements that are descendents of <ul> elements. Combine the previous two rules into a single rule using a multiple selector. ol li { background-color: yellow;}
New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter2: Getting Started With Css: Designing A Website For A Fitness Club
Section: Chapter Questions
Problem 10RA
Related questions
Question
Modify or add a CSS rule for each requirement below to change the background-color property as specified.
- Add a rule to change the background color for <ul> elements to be magenta.
- Modify the ol li selector so the yellow background color applies only to <li> elements that are direct children of <ol>elements.
- Add a rule to change the background color to cyan for <span> elements that are descendants of <ol> elements.
- Add a rule to change the background color to cyan for <span> elements that are descendents of <ul> elements.
- Combine the previous two rules into a single rule using a multiple selector.
ol li {
background-color: yellow;
}
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 2 steps
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage