我尝试使用属性选择器设置第三方共享按钮（由Facebook，Twitter，LinkedIn提供的代码）。我目前有一套样式规则，允许我按照预期在内联块中显示这些规则。但是，每组CSS属性都依赖于详尽的ID列表 - 这在任何意义上都是无效的。
似乎我已经尝试了所有的东西，从使用类作为选择器等等，似乎没有任何工作。我想也许属性选择器可能是要走的路，但也有麻烦。任何人都能伸出援手吗？
这是我迄今为止所尝试过的，但无济于事：
<div class="fb-share-button" data-href="https://www.tylercharboneauprofessional.com/international-pulse/your-guide-to-the-french-election/" data-layout="button" data-mobile-iframe="false"></div>
<a href="https://twitter.com/share" class="twitter-share-button social-share" data-show-count="false">Tweet</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script><script type="IN/Share"></script>
<style> [class|="fb"] { display: inline-block; } </style>
<style> [class|="twitter"] { display: inline-block; } </style>
<style> [class|="IN"] { display: inline-block; } </style>
对于Dev Tools目的：www.tylercharboneauprofessional.com
任何帮助都会很棒 - 并且随后会将CSS文件的大小减少大约1/4。大声笑。
谢谢！