Specificity Quick Test

Specificity Quick Test

Medium CSS CSS Foundations 26 views
Explanation Complexity

Problem Statement

Make .btn override button styles using specificity.

Input Format

No input.

Output Format

Print the HTML+CSS code in one block.

Constraints

Show both selectors and the final look.

Input / Output Format

Input Format
No input.
Output Format
Print the HTML+CSS code in one block.
Constraints
Show both selectors and the final look.

Examples

Input:
Output:
(HTML+CSS code)

Example Solution (Public)

CSS 
<!doctype html>
<html lang='en'>
<head>
  <meta charset='utf-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <title>meetcode</title>
  <style>
    button { background: #eee; color: #222; }
    .btn { background: #0b5; color: #fff; }
  </style>
</head>
<body>
  <button class='btn' type='button'>Join meetcode</button>
</body>
</html>

Official Solution Code

<!doctype html>
<html lang='en'>
<head>
  <meta charset='utf-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <title>meetcode</title>
  <style>
    button { background: #eee; color: #222; }
    .btn { background: #0b5; color: #fff; }
  </style>
</head>
<body>
  <button class='btn' type='button'>Join meetcode</button>
</body>
</html>
Please login to submit solutions.
Editor
Output

                                        

                                    

                                    

                                        

                                                                                    
Please login to submit solutions.