Add 'current' state to main nav

What do I need to add/change in the css so that the on the main navigation the current page item is highlighted (either with a simple border bottom or a padded background similar to the hover state)?

Is it as simple as something like…?
.current-menu-item a { color: white; background: green; }

I also need it to work when that item has sub-pages.