Question

我有两个链接，他们共享相同的样式（类和div）。但问题是，我不知道html从哪里被拉出来。所以我想为每个链接提供不同的样式。所以我想知道是否可以仅使用标题来定位一个类或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}

Answer 4

如果加载，可以使用jquery来添加/删除类和属性

我可以使用css通过标题唯一地标识或拉出类或div

4 个答案: