html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p class="contradiction">
<b>contradictions of values</b>
</p>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
.contradiction {
color: blue !important;
}
b {
color : green;
/* use inherit value in this case to obtain parent styling.
The priority depends on the element, the <b> tag is nested within the <p> tag and a css property is directly applied to the <b> tag. so it won't look for the parent styling. it's own property will override any styling it has got from the parent. */
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run