0

2 つのリンクがあり、同じスタイル (クラスと 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;
}
a[title*="All Categories"]{
  color:green;
}

完全なリストは次のとおりです: http://www.w3.org/TR/selectors/#selectors

于 2013-05-20T12:40:42.060 に答える
1

次のように、要素の属性をターゲットにすることができます。

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

ここでデモを参照してください: http://jsfiddle.net/VwBCt/2/

ただし、クラスでこれを行うと、よりスケーラブルになります。1 年後には、90,000 の異なるリンク セレクターがあることを嫌うでしょう! ;)

于 2013-05-20T12:43:16.570 に答える
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 に答える