Text decoration none not working

Question

I am trying to have text decoration:none for the spans listed under anchor tag. When other styles are working, this particular style is not working. Am I missing something ?

a * {
  color: grey;
  font-weight: bold;
  font-size: 2em;
  text-decoration: none !important;
}

<ul>
  <li>Lorem ipsum dolorsit amet, consectetur adipiscing elit.</li>
  <li><a href="">Lorem <span>ipsum</span> dolor sit amet, <dolphia>consectetur</dolphia> adipiscing elit.</a>
  </li>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li><a href=""><span>Lorem ipsum</span> dolor sit amet, <span>consectetur</span> adipiscing elit.</a>
  </li>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
  <li><a href=""><span>Lorem ipsum dolor sit amet</span>, consectetur adipiscing

 elit.</a>
  </li>
</ul>

@willoller: I am just trying to NOT have the words inside span tag underlined. — learning_bee15, Sep 19 '16 at 19:49
It is a duplicate, not of your question but of the answer in that link, which is the exact same solution as in this answer — Asons, Sep 19 '16 at 20:31

score 3 · Accepted Answer · answered Sep 19 '16 at 19:47

3

a *{
  text-decoration: none;
  display: inline-block;
}

<a href="">Hello<span>world!</span></a>

answered Sep 19 '16 at 19:47

Passersby

1,092
9
11

You should know by now, to flag a dupe question and not answer it. – Asons Sep 19 '16 at 20:36

Text decoration none not working

1 Answers1