哪种方法更好?CSS类或ID?

Let's consider these 2 ways of writing the same code:

方法一

<div id="header">
    <div id="user">
        <a id="userName">Username</a>
        <a id="userImage">Userimage</a>
    </div>
</div>

方法二

<div id="header">
    <div class="user">
        <a class="name">Username</a>
        <a class="image">Userimage</a>
    </div>
</div>

方法一的CSS

#userName { color: white; }
#userImage { height: 50px; width: 50px; }

方法2的CSS

#header div.user a.name { color: white; }
#header div.user a.image { height: 50px; width: 50px; }

在我看来，方法 2 更简洁，因为您永远不会得到像 userImageInnerBox 这样的 ID.现在从技术上讲，哪种方法最好，为什么?