Question

这是关于http://www.chinasurfreport.com的主页。当您将鼠标悬停在图片上时，您会看到社交分享链接弹出。主要的问题是默认的div是<div class="bshare-custom">而且因为我想为这个div使用两种不同的样式（侧栏也是如此，你工作得很好）我要么：

将div更改为我在网站上所做的<div class="bshare-cn">。但似乎无法使用JavaScript。
使用<div class="bshare-custom">并以不同方式设置样式。但似乎你不能给1个div多个样式？

我尝试更改JavaScript代码，将所有bshare-custom更改为bshare-cn，但似乎无效。

<div class="bshare-cn">
    <div class="bsPromo bsPromo2"></div>
    <a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
    <a title="分享到新浪微博" class="bshare-sinaminiblog" href="javascript:void(0);"></a>
    <a title="分享到QQ空间" class="bshare-qzone"></a>
    <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
    <span class="BSHARE_COUNT bshare-share-count" style="float: none; left: 36px; color: rgb(255, 255, 255);">87</span>
</div>

<div class="bshare-custom">
    <a title="Share on Facebook" class="bshare-facebook">Facebook</a>
    <a title="Share on Twitter" class="bshare-twitter">Twitter</a>
    <a title="Share on Weibo" class="bshare-sinaminiblog">Weibo</a>
    <a title="Share on QQ" class="bshare-qzone">QQ</a>
    <a title="Share on WeChat" class="bshare-weixin">WeiXin</a>
    <a title="More Social Media Platforms" class="bshare-more bshare-more-icon more-style-addthis">+</a>
    <span class="BSHARE_COUNT bshare-share-count" style="float: none; left: 36px; color: rgb(255, 255, 255);">87</span>
</div>

javascripts： http://www.chinasurfreport.com/javascripts/buttonLite.js / bshareC0.js

Answer 1

是否可以简单地向元素中添加其他CSS类？例如：<div class="bshare-custom bshare-cn">或<div class="bshare-custom styleX">

Answer 2

.bshare-custom:nth-child(1) { 解决了它。这样，您可以将更多样式设置为一个div。

Answer 3

建立与社交媒体的共享链接所需要做的就是...

<a href="SHARELINK">Share On Service X</a>

然后仅插入正确的值，在这种情况下...

<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://example.com&title=My+Title!&summary=This+is+my+summary!">Share on QZONE</a>

实际上是我的一个网站的实现...

<a href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http%3A%2F%2Fwww.revoltlib.com%2F&title=RevoltLib+Anarchist+Library&summary=Learn+about+Anarchism!">Share on QZONE</a>

这给了我类似的东西...

是否希望始终保持最新的社交共享URL？签出我的GitHub项目：GitHub: Social Share URLs

让社交分享按钮工作

3 个答案: