无法覆盖border-box:before和:after with border-radius

时间:2016-07-06 16:46:12

标签: css css3 border-box

所以我得到了这个主题http://demo.theme.co/ethos-1/ 并希望将顶部正方形变成圆形。

如果我改变

,我唯一可以得到它们的方法就是这样
*,*:before,*:after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
to
*,*:before,*:after {
    border-radius:100px;
}

问题是它使得每个盒子都像网站上的形状一样圆。我只希望顶级帖子预览是圆的。

任何想法都将不胜感激。 谢谢!

2 个答案:

答案 0 :(得分:0)

.entry-cover {
   border-radius:100px;
}

使用最顶层帖子的课程

答案 1 :(得分:0)

尝试将 location /app1/ { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-NginX-Proxy true; proxy_pass http://localhost:1337/parse/; proxy_ssl_session_reuse off; proxy_set_header Host $http_host; proxy_redirect off; } location /app2/ { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-NginX-Proxy true; proxy_pass http://localhost:1338/parse/; proxy_ssl_session_reuse off; proxy_set_header Host $http_host; proxy_redirect off; } 添加到您的CSS中。这个类是为顶部的元素添加的。