newbie guy,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body > ul > li:last-child{
text-decoration: underline;
}
</style>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
<ul class='container'>
<li>
<span>Заголовок 1</span>
<ul class='container'>
<li><span>Подзаголовок 1.1</span></li>
</ul>
<ul class='container'>
<li><span>Подзаголовок 1.2</span></li>
</ul>
</li>
<li>
<span>Заголовок 2</span>
<ul class='container'>
<li><span>Подзаголовок 2.1</span></li>
</ul>
</li>
</ul>
<ul id='container'>
<li>
<span>Заголовок 1</span>
<ul class='container'>
<li><span>Подзаголовок 1.1</span></li>
<li><span>Подзаголовок 1.1</span></li>
<li><span>Подзаголовок 1.1</span></li>
<li><span>Подзаголовок 1.1</span></li>
</ul>
<ul class='container'>
<li><span>Подзаголовок 1.2</span></li>
<li><span>Подзаголовок 1.3</span></li>
</ul>
</li>
<li>
<span>Заголовок 2</span>
<ul class='container'>
<li><span>Подзаголовок 2.1</span></li>
</ul>
</li>
</ul>
<script>
$('li').each(function (i, item ) {
if (!item.getElementsByTagName('ul').length) {
item.querySelector('span').style.fontWeight = 'bold'
}
});
</script>
</body>
</html>