0

我有两个链接,它们共享相同的样式(类和 div)。但问题是,我不知道从哪里提取 html。所以我想为每个链接赋予不同的样式。所以我想知道是否可以仅使用标题来定位类或 div?

这是生成的html:

<div class="event_legend_container">
    <div style="border-color:" class="event_legend_item activechildcat">
        <div style="border-color:" class="event_legend_name">
            <a title="HR Calender" href="/using-joomla/human-resources/2012-10-17-10-31-30/month.calendar/2013/05/20/85">
                HR Calender
            </a>
        </div>
</div>
<div style="border-color:#d3d3d3" class="event_legend_item ">
    <div style="border-color:#d3d3d3" class="event_legend_name">
        <a title="All Categories ..." href="/using-joomla/human-resources/2012-10-17-10-31-30/month.calendar/2013/05/20/-">
            All Categories ...
        </a>
    </div>
</div>
4

4 回答 4

1

您可以像这样定位元素属性:

a[title="HR Calender"] {color:red;}

在此处查看演示:http: //jsfiddle.net/VwBCt/2/

然而,用类来做这件事会更具可扩展性——一年后你会讨厌你有 90,000 个不同的链接选择器!;)

于 2013-05-20T12:43:16.570 回答
1

您可以使用属性选择器

a[title*="HR Calender"]{
  color:red;
}
a[title*="All Categories"]{
  color:green;
}

以下是完整列表:http ://www.w3.org/TR/selectors/#selectors

于 2013-05-20T12:40:42.060 回答
0

如果加载,也许你可以使用 jquery 添加/删除类和属性

于 2013-05-24T14:28:25.367 回答
0

在您的示例中,第一个链接位于 event_legend_container 内,因此您可以使用

.event_legend_name a {style here}
.event_legend_container .event_legend_name a {first link style here}

如果您只想使用标题设置样式,则可以使用 css 的属性选择器

a[title="Title here"] {style here}
于 2013-05-20T12:46:36.307 回答