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

Question

我必须在 SPAN 存在的父页面和当我们单击父页面上存在的链接时打开的弹出窗口上以不同的方式设置 SPAN 的样式。如果我通过 css 类更改样式，则父页面上的 SPAN 样式会受到影响。如何仅在 POPUP 而不是父页面上选择 SPAN。该页面是共享点页面，上面添加了一些newsgator webparts。这是需要修改的 SPAN 类。

<span class="ngPresenceSpan">
<a title="" class="ngAuthorLink" target="_parent" authorid="" show="function(some jquery function here)

当我通过 IE 开发人员工具进行检查时，同样在 POPUP 中，正在呈现相同的 HTML。我必须仅在 POPUP 上使用 span .ngPresenceSpan 更改字体和填充内容

Answer 1

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

例如 [*] 将选择文本 anch。

span.ngPresenceSpan a[title*="anch"]{color:red;}

和像这样的 HTML。

<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>