多个元素使用相同的css类，如何仅更改其中一个元素的css属性

<div id="uniqueId" class="sharedClass">元素1</div>
<div class="sharedClass">元素2</div>
<div class="sharedClass">元素3</div>

#uniqueId {
  /* 单独更改该元素的CSS属性 */
}

<div class="parent">
  <div class="sharedClass">元素1</div>
</div>
<div class="parent">
  <div class="sharedClass">元素2</div>
</div>
<div class="parent">
  <div class="sharedClass">元素3</div>
</div>

.parent .sharedClass {
  /* 更改该元素的CSS属性 */
}

<div class="sharedClass">元素1</div>
<div class="sharedClass">元素2</div>
<div class="sharedClass">元素3</div>

.sharedClass:hover {
  /* 更改该元素的CSS属性 */
}