javascript - 如何在 css 中定位自动生成的列表

标签 javascript html css twitter

我想在 css 中定位自动生成的列表及其元素,原始代码在这里 http://codepen.io/jasonmayes/pen/Ioype -作者:Jason Mayes- 我想在“查询 1:我的最新推文”中定位列表,我确实在 JS 中更改了它(“maxTweets”:1 ,) 到 ("maxTweets": 5,).

现在,我的 CSS 工作表中已经自定义了许多列表和列表项。所以如果我只是复制他的 css,我的其他列表也会受到影响。有什么方法可以使用此 ID (example1) 来定位生成的推文列表???我已经尝试将一个类放入其中,然后尝试了这个 (ul.tweetss li.tweets),但它在不影响所有其他列表和列表项的情况下无法正常工作。

The final goal is to customize the tweets are generated by this javascript plugin in a complete website ..

提前感谢您的时间和努力..

最佳答案

此处:http://codepen.io/irvingv8/pen/dWemVy

我使用 sass 用 .encapsulated 类封装了他的所有样式,并添加了一个 div,其中所述类包装了他的所有 html。您可以通过单击 CSS 选项卡中的“查看已编译的 CSS”来获取所需的 css。

不要忘记用 .encapsulated 类包装 twitter 提要 HTML 的 div!

关于javascript - 如何在 css 中定位自动生成的列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43951164/

相关文章:

html - 如何在悬停时更改内容

javascript - 用 Canvas 绘制的星爆形状看起来非常像素化(锯齿)

css - 链接背景没有根据我想要的改变

html - 框内框阴影

css - flexbox 和 wrap 属性

javascript - 强制单击处理程序识别多个元素

html - 在悬停其他元素时更改主体背景图像/渐变

javascript - 带有换行转义字符的字符串会破坏 Javascript 脚本

javascript - Html 打印为 PDF - 如果表格在第二页上拆分,则不应用 Css

javascript - Sprite 表不起作用