Using CSS for a link output by PHP?

Question

Alright, so I have an HTML form and I want to be able to use that form to upload links to my database and then have the links displayed on an updated page. Everything works fine, but my issue is that whenever the link is retrieved and displayed from the database, I am unable to make changes to the CSS. For example:

<a href="www.stackoverflow.com">This is a Great Site</a>

is what I would enter into the form, this would be saved to the database, and the output would be:

This is a Great Site

my issue is, I am unable to change any of the link styles outside of color and other inline CSS options. I am unable to change things like what color it appears after the link has been clicked on, or what kind of action it does when hovered over.

What would be the easiest way to go about this? Is there a simple CSS workaround that I'm missing or am I going have to do something a little bit more complex?

Thanks in advance.

give a class to link and apply some css on that class

Shah Rukh
– Shah Rukh

2014-07-25 06:15:56 +00:00
Commented Jul 25, 2014 at 6:15 — Shah Rukh
– Shah Rukh, Commented Jul 25, 2014 at 6:15

Sumurai8 · Accepted Answer · 2014-07-25 06:18:28Z

2

Assuming you show these links in a fixed place, add a class to the element that contains these links. This will safe you the trouble of adding a class to every link you add.

<div class="container">
  <a href="www.stackoverflow.com">This is a Great Site</a>
</div>

Then you can change the CSS of these specific links with:

.container a {
  color: green;
}

.container a:hover {
  background: yellow;
}

answered Jul 25, 2014 at 6:18

Sumurai8

20.8k11 gold badges70 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anatoliy Kim · Accepted Answer · 2014-07-25 06:15:54Z

1

I don't get your question.

Your link is 'www.stackoverflow.com'.

You output your link as

<a href="www.stackoverflow.com">This is a Great Site</a>

What prevents you from outputing a class or style attribute?

<a href="www.stackoverflow.com" class="mylinkclass">This is a Great Site</a>
<a href="www.stackoverflow.com" style="color: red;">This is a Great Site</a>

answered Jul 25, 2014 at 6:15

Anatoliy Kim

7564 silver badges13 bronze badges

Comments

Top Questions · Accepted Answer · 2014-07-25 06:17:37Z

1

<a class="myOtherLinkClass" href="www.stackoverflow.com">This is a Great Site</a>

<style>
a.myOtherLinkClass,
a.myOtherLinkClass:hover,
a.myOtherLinkClass:active,
a.myOtherLinkClass:focus{
    color: #d5d5d5; //Alternative add !important to the value
}
</style>

Try it like this. Be sure to put this into your .css-File without the <style> tags and put it after your "a"-Definition.

answered Jul 25, 2014 at 6:17

Collectives™ on Stack Overflow

Using CSS for a link output by PHP?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related