クラスが別の要素に追加されたときに1つの要素のCSSを変更する

Question

ユーザーがWordpressにログインしたときに、自分のコメントフォームに送信ボタンに特定のCSS属性を追加したい！

私のクラス.comment-formではなくp class="comment-notes"「標準」のp class="logged-in-as"が、私は私のp.form-submitはCSSを取得したい取得すると{幅：50％; }

正直言って、私よりも管理者に「Logged in xxx：Log out？」と表示されているのかどうかはわかりません。彼らは私のサイトにいるので、コメント者の情報が削除されてしまい、デザインがうんざりしてしまいます...しかし、ちょっと、ごめんなさい。

私はブログのコードをコピーしましたが、これはどのように役立つのかわかりませんが、先に述べたように最初の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は自動的に "logged-in"クラスをbodyタグに追加します。だからあなたは使用することができます：

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