在另一个元素上添加类时,在一个元素上更改CSS

时间:2017-01-17 23:49:04

标签: javascript jquery wordpress

当用户登录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>

1 个答案:

答案 0 :(得分:0)

当您登录时,WordPress会自动将“登录”类添加到body标签中。所以你可以使用:

body.logged-in p.form-submit {width: 50%;}
相关问题