1. Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic. Adjust the width value for the cssl, css2, and css3 id selectors so that they appear next to each other horizontally. 2. Update the style rule for the footer selector to clear a float on the left.
1. Create a style rule for anchor elements within the main element that sets the font color value to #47476b, removes the underline, sets a font-weight value of bold, and sets a font style value of italic.
Adjust the width value for the cssl, css2, and css3 id selectors so that they appear next to each other horizontally.
2. Update the style rule for the footer selector to clear a float on the left.
STYLES.CSS code
![CSS Levels
w3Schools
css Working Group
css Current Work
W3C
CSS Level 1
csS Level 2
csS Level 3 and Beyond
The original CSS Level 1 recommendation
was released by the W3C in December
1996. There have been many revisions
since its original release. You can find the
original recommendation and the latest
revision at w3.org
The CSS Level 2 recommendation was
originally released by the W3C in May 1998.
There have been many revisions since its
original release. CSS Level 2 has had two
revisions, CsS 2.1 and CSS 2.2.
The CSS Level 3 recommendation was
released in May 2001. Since its release,
there have been several changes, including
the method for making changes. For the
latest updates, visit the CSS Current Work
webpage.
Studet Name
C Coprgh 201. AI Rgh Reed](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fddddb4f9-a9bb-41b0-a0f2-887972820976%2F72e3398a-c280-4a47-906c-3921efef43a9%2F8ol99p_processed.png&w=3840&q=75)
![](/static/compass_v2/shared-icons/check-mark.png)
- To make the css1,css2 and css3 id selectors appear horizontally, set the width as 32%, instead of 40 %. So, the style will look like :-
#css1, #css2, #css3
{
width: 31%;
float: left;
padding: 0 1%;
}
2. To make changes in the styles of anchor tags inside the main element, we need to add main a{} inside the css. So, the style will look like :-
main a
{
font-weight: bold; ---> To make it as bold
color: #47476b; -----> to define color as mentioned
text-decoration: none; -----> to remove underline
font-style: italic; ----> to set style as italic
}
3. Style rule for the footer selector to clear a float on the left. :-
footer
{
text-align: center;
font-size: 0.85em;
color: #47476b;
padding: 1% 0;
border-top: 3px solid #47476b;
clear: left;
}
Some other changes has been made to match the exact output :-
- To remove the underline from the anchors which is not there in main -
nav li a
{
display: inline-block; color: #e3eaf8; padding: 0.5em 2em;
text-decoration :none; ---> To remove underline from the list
}
- To match the font size from the output, needs to decrease the font size inside main p elements
main p
{
overflow : auto;
font-size: 1.15em; ---> Reduce the font size by 0.10 em
}
- To make both the lines of footer in separate line, add <br> inside the code -
<footer>
<p>Student Name:
<br>© Copyright 2021. All Rights Reserved.</p>
</footer>
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 7 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![EBK JAVA PROGRAMMING](https://www.bartleby.com/isbn_cover_images/9781337671385/9781337671385_smallCoverImage.jpg)
![New Perspectives on HTML5, CSS3, and JavaScript](https://www.bartleby.com/isbn_cover_images/9781305503922/9781305503922_smallCoverImage.gif)
![EBK JAVA PROGRAMMING](https://www.bartleby.com/isbn_cover_images/9781337671385/9781337671385_smallCoverImage.jpg)
![New Perspectives on HTML5, CSS3, and JavaScript](https://www.bartleby.com/isbn_cover_images/9781305503922/9781305503922_smallCoverImage.gif)