> On Aug 12, 2016, at 7:32 AM, Tom Livingston <tom...@gmail.com> wrote:
>
> On Thu, Aug 11, 2016 at 6:39 PM, Karl DeSaulniers <k...@designdrumm.com>
> wrote:
>> Hi Andre,
>> Why would you target the element for its href if you already have an id?
>> Not sure I am understanding that part.
>>
>> For checking the href, like Tom said.
>>
>> a[href*='#foobar'] {
>> color: red;
>> }
>>
>> or if you know #foobar will always be at the end of the url you can use the $
>>
>> a[href$='#foobar'] {
>> color: red;
>> }
>>
>> or if you wanted to color per website in the url
>>
>> a[href^='http://example.com'] {
>> color: red;
>> }
>>
>> website url and hash (for those long blog urls =)
>>
>> a[href^='http://example.com'][href$='#foobar'] {
>> color: red;
>> }
>>
>> Then there is checking both id and href
>>
>> a#foobar[href*='#foobar'] {
>> color: red;
>> }
>>
>> if it's a link that could possibly be more than one on a page, then I would
>> use classes not an id.
>>
>> a.foobar[href*='#foobar'] {
>> color: red;
>> }
>>
>> HTH,
>>
>> Best,
>>
>> Karl DeSaulniers
>
>
> If I am not mistaken, and for clarity, you would not include the '#'
> in the value of all the above examples.
>
>
>
> --
>
> Tom Livingston | Senior Front End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
We are checking for a hash here, so yeah I would include.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
