首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在父页面中存在相同的元素时,仅在弹出窗口中设置SPAN元素的样式

如何在父页面中存在相同的元素时,仅在弹出窗口中设置SPAN元素的样式
EN

Stack Overflow用户
提问于 2015-04-07 20:57:22
回答 2查看 1K关注 0票数 0

我必须在两个页面上设置不同的跨度样式,父页面和弹出窗口,当我们单击父页面上的链接时,弹出窗口打开。如果我通过css类更改样式,父页面上的SPAN样式将受到影响。如何只在弹出窗口中选择跨度,而不在父页面上选择跨度?该页面是分享点页面上添加了一些新闻导航器网页部件。这是需要修改的SPAN类。

代码语言:javascript
运行
复制
<span class="ngPresenceSpan">
<a title="" class="ngAuthorLink" target="_parent" authorid="" show="function(some jquery function here)

当我通过IE开发人员工具检查时,弹出窗口中也显示了相同的HTML。我必须改变字体和填充内容与跨度.ngPresenceSpan仅在弹出窗口

EN

回答 2

Stack Overflow用户

发布于 2015-04-07 21:23:54

@Deepika你可以使用CSS [attribute]选择器。检查DEMO

例如,*将选择文本anch

代码语言:javascript
运行
复制
span.ngPresenceSpan a[title*="anch"]{color:red;}

和像这样的HTML。

代码语言:javascript
运行
复制
<span class="ngPresenceSpan">
<a title="anchor" class="ngAuthorLink" target="_parent" authorid="" show="function(some jquery function here)" href="#">
              TEXT                                                      </a>
  <p>&nbsp;</p>
 <span class="ngPresenceSpan">
  <a href="#" title="anch">Another same text in span</a> </span>
票数 2
EN

Stack Overflow用户

发布于 2015-04-07 21:06:30

如果我理解正确,那么您应该为特定SPAN元素提供一个id,然后在css中设置它的样式。像这样:

代码语言:javascript
运行
复制
<span id="popup-span">something</span>

然后在css中:

代码语言:javascript
运行
复制
#popup-span{
 //style here
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29492221

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档