我是否可以使用css唯一地标识或拉取一个类或div的标题

Question

我有两个链接，它们共享相同的样式(class和div)。但问题是，我不知道html是从哪里拉出来的。所以我想给每个链接不同的风格。所以我想知道是否可以仅使用title来定位类或div？

下面是经过gnerated处理的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>

Answer 1

您可以使用attribute selector

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

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

Answer 2

您可以像这样确定元素属性的目标：

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

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

然而，使用类来实现这一点会更具伸缩性-一年后，您会讨厌有90,000个不同的链接选择器！;)

Answer 3

在您的示例中，第一个链接位于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}