使用Display:Block;和显示:同一HTML文档中的无

时间:2018-04-04 06:21:05

标签: javascript css

我正在尝试将两段代码放在同一个HTML文档中(在Blogger博客中)。但是,由于缺乏知识,我无法这样做。

这两段代码在输入不同的HTML页面时效果很好。但是,如果将它们插入到单个HTML页面中,则它不会显示代码1中的标题或代码2中的标题。

这两段代码如下。

代码1:这里我只想显示标题(标题)而不是帖子的内容。

<script src="http://feeds.feedburner.com/JobsInSports?format=sigpro" type="text/javascript"></script>

<style>
    div.feedburnerFeedBlock ul li {
      list-style-type: decimal;
    }
    div.feedburnerFeedBlock ul li span.headline { 
      font-weight:bold; 
      display:block; 
      margin:12px 0 0 0; 
    }
</style>

代码2:这里我只想显示帖子的内容而不是帖子的标题(标题)。

<script src="http://feeds.feedburner.com/VacancyInAssamGoogle?format=sigpro" type="text/javascript"></script>

<style>
    div.feedburnerFeedBlock ul li {
      list-style-type: decimal;
    }
    div.feedburnerFeedBlock ul li span.headline { 
      font-weight:bold; 
      display:none;
      margin:12px 0 0 0; 
    }
</style>

1 个答案:

答案 0 :(得分:1)

添加到样式标记下的任一代码块将隐藏主要内容中的Twitter链接

#main a[href^="https://twitter"] {
  display: none;
}

同时从代码2中删除display: none;

div.feedburnerFeedBlock ul li span.headline { 
  font-weight:bold; 
  display:none; /* << remove this line */
  margin:12px 0 0 0; 
}

希望这能解决您的问题。