From an CSS architecture point of view, current
```
<div id="#mw-content-text" class="mw-content-DIR" dir="DIR" lang="LANG-TAG">
```
is inflexible, unnecessary descriptive and confusing.
CodeSearch shows, that the `mw-content-DIR` classes are not used widely, while using the `id` selector is adding additional complexity to overrides. Minerva is using the id selector in article.less extensively.
====Proposal
[] Add `mw-content` class; TODO: this seems to add more confusion to the already three content classes
[] Replace `#mw-content-text` LESS selectors by `.mw-content`; TODO: See above
[] Replace `.mw-content-DIR` LESS selectors with `.mw-content[dir=DIR]` selectors
===Update & TODO
While writing the first attempt for this task, I reminded myself to address this differently and more general. This could come in handy with Desktop improvements and even more so with simplification of the skinning process.
From Minerva DOM structure
```
main#content.mw-body
.pre-content
#bodyContent.content
#mw-content-text.mw-content-DIR[dir=DIR]
#mainpage
.printfooter
.post-content