Setting links to not do something

[KeredDrahcir]

I have some list items and in some cases I want to display a link inside the list

<ul class="list_name">
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li></li>
</ul>

On the list items I'm using

.list_name li{
  padding-top: 7px;
}

to set padding. To style the linked ones I'm using

.last_name li a{
}

Is there anyway to set it not to have the padding on the links?

[drhowarddrfine]

No. This can't be done in CSS.

[KeredDrahcir]

Do I have any options?

[drhowarddrfine]

I was going to suggest adding the padding or margin to the anchor. If the anchor is not present, then nothing will happen.

Of course, there's always javascript.

[Rabbit]

I suppose you could give each of the list items a class depending on whether or not it had an anchor and do it that way.

[KeredDrahcir]

Thanks Rabbit. I was thinking of doing that.

Your suggestion is what I did drhowarddrfine but I don't want the padding on the links. I want it on the list items that don't have links.

[drhowarddrfine]

I didn't know that was an option. You can look into the 'not:' selector but it only works in modern browsers and IE9.