I find css quite hard to read sometimes. Indents, depending on the dom structure, would greatly increase readability. Consider the following example:
#page {
text-align:center;
font-weight:bold;
}
#page p {
white-space:nowrap;
} #page p:hover {
display:inline-block;
}
#page .myclass {
text-align:left;
}
#page .myclass a {
text-decoration: none;
}
#footer {
display:none;
}
Simple question: Why is nobody using intends in any way near to this? Even phpstorm does not support such indents by default: I have to navigate with -> and del inconveniently.
It seems that by convention, all css selectors have to start at the leftmost indent. This doesn't make sense to me, since I have literally never seen a stylesheet which even reached the rightmost edge of my monitor. Typical css sheet below.