在另一个元素上添加类时更改一个元素上的 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%;}