[ANSWERED] html – Remove text-decoration from span embedded in liste

Question 1

:not(span) will be used to exlude

Hope this will be helpful for you

.Project {
    font-family: 'Lirma';
    }


.Project:hover :not(span) {
  cursor: default;
  text-decoration: underline;
}

<li class="Project" data-modal="myModal_1">

                    <span id="myBtn_1">
                        Lirma Type
                    </span>

                    <span id="year">
                        2019
                    </span>

                    <div class="Describtion">
                        <p>
                           Typedesign
                       </p>
                       <br>
                        <span class="PopUp">Images</span>

                        </div>
                     
                
                    <div id="myModal_1" class="modal">

                    <div class="modal-content">

                    <div id="demo" class="carousel slide" data-ride="carousel">
                          
                          <!-- The slideshow -->
                          <div class="carousel-inner">

                            <div class="carousel-item active">    
                              <img class="Image" data-src="Images/Lirma/type.jpg" alt="img" width="100%">
                            </div>
                          </div>

                   </div>
                </div>
            </div>
        </li>

Question 2

I have a portfolio-page, where I have tried that’s placed in

tag, within this, there’s a span-tag called .Popup to view images of the project.

I wish that the project will be underlined, when hovered, but at this point in time the span-tag is also hovered. which I want to avoid.

I have tried targetting the anchor like: ul li .Describtion . .PopUp

I have tried embedding the Span. Popup in a but still, with no results.

Can someone please tell provide insights? thank you so much.

.Project {
    font-family: 'Lirma';
    }


.Project:hover  {
  cursor: default;
  text-decoration: underline;
}

        <li class="Project" data-modal="myModal_1">

                    <span id="myBtn_1">
                        Lirma Type
                    </span>

                    <span id="year">
                        2019
                    </span>

                    <div class="Describtion">
                        <p>
                           Typedesign
                       </p>
                       <br>
                        <span class="PopUp">Images</span>

                        </div>
                     
                
                    <div id="myModal_1" class="modal">

                    <div class="modal-content">

                    <div id="demo" class="carousel slide" data-ride="carousel">
                          
                          <!-- The slideshow -->
                          <div class="carousel-inner">

                            <div class="carousel-item active">    
                              <img class="Image" data-src="Images/Lirma/type.jpg" alt="img" width="100%">
                            </div>
                          </div>

                   </div>
                </div>
            </div>
        </li>

Bollate

[ANSWERED] html – Remove text-decoration from span embedded in liste

By

Solution 1 :

Problem :

Comments

Comment posted by Temani Afif

Comment posted by Carina Thornval

Comment posted by Faizan Sadiq

Comment posted by Faizan Sadiq

Comment posted by stackoverflow.com/questions/13856330/…

Comment posted by Faizan Sadiq

By

Related Post

[ANSWERED] html – Child div has an offset border

[ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling

[ANSWERED] problem in selecting list item in html/css

You missed

[ANSWERED] javascript – Text box to display updated text and save on button click

[ANSWERED] javascript – Pass html tag to angularjs variable from controller

[ANSWERED] html – bootstrap mobile menu not scrolling instead the background is scrolling

[ANSWERED] html – How to play live stream YouTube videos using CEF4Delphi?

Bollate