在另一個元素上添加類時更改一個元素上的 CSS

Question

當用戶登錄 Wordpress 時，我想在我的評論表單上的提交按鈕中添加一個特定的 CSS 屬性！

當我的類.comment-form獲得p class="logged-in-as"而不是“標准” p class="comment-notes" ，我希望我的p.form-submit獲得 CSS { width: 50% ; }

老實說，我不確定是否有比我（管理員）更多的人看到“以 xxx 身份登錄：注銷？” 當他們在我的網站上時，它刪除了評論者的信息，從而弄亂了我的設計……但是，嘿，安全總比抱歉好！

根據要求，我從博客中復制了代碼，我不確定這有什么幫助，但是當第一個p class ，如前所述，由於評論者登錄而發生更改時，我想將 CSS 值添加到另一個 div。

<p class="logged-in-as">
  <a href="www.example.com/wp-admin/profile.php" aria-label="Logged in as Morgan. Edit your profile.">Logged in as Morgan</a>. <a href="www.example.com/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2FEXAMPLE.com%2Ftwo-days-in-budapest%2F&amp;_wpnonce=3fb7c78c29">Log out?</a>
</p>
<p class="comment-form-comment">
<label for="comment">Comment</label>

Answer 1

當您登錄時，WordPress 會自動將“登錄”類添加到 body 標簽中。 所以你可以使用：

body.logged-in p.form-submit {width: 50%;}