Imagine if my CSS looks like this:
div {
margin: 0;
overflow: auto;
padding: 1%;
text-align: center;
word-wrap: break-word;
}
This is supposed to be the default styling for all div elements. But what happens if there's another div with conflicting code:
div.a {
background-color: #ffffff;
border: 2px solid;
text-align: left;
}
While the background-color and border properties don't clash with the default, the text-align value does. The default setting is centered, but in this case, it's set to left. Surprisingly, browsers seem to handle this without any issues so far. However, I'm concerned whether it's still considered bad practice or could cause problems in the future.