CSS不会更改ul

-4

我在HTML中拥有此代码块，并且想要将列表更改为内联显示并且没有项目符号。CSS不会更改ul

#highlight ul { 
 
    background-color: black; 
 
    list-style-type: none; 
 
    text-decoration: none; 
 
    margin: 0; 
 
    padding: 0; 
 
    display: inline; 
 
}

<section id="highlight"> 
 
    <div class="slide"> 
 
    <div class="container"> 
 
     <div class="slide-text"> 
 

 
     <h1>Δρ. Παναγιώτης Νομικός <span>Νευροχειρουργός</span></h1> 
 
     <p>Περιηγηθείτε στις σελίδες και ενημερωθείτε για θέματα νευροχειρουργικής.</p> 
 
     <p>Για οποιεσδήποτε απορίες σας περιμένουμε να επικοινωνήσετε μαζί μας.</p> 
 
     <ul> 
 
      <li><a href="#">ΠΕΡΙΣΣΟΤΕΡΑ --></a> 
 
      </li> 
 
      <li><a href="#">ΕΠΙΚΟΙΝΩΝΙΑ --></a> 
 
      </li> 
 
     </ul> 
 

 
     </div> 
 
    </div> 
 
    </div> 
 
</section>

但它不会改变任何东西。你知道为什么吗？

我试图更改代码，你告诉我，但似乎没有任何工作，也许它不是代码，但别的东西

来源

2016-11-09 Αννα Νου.

，如果你对李直列设置，而不是UL

#highlight ul li { 
    display: inline; 
}

它应该工作

这也应该使列表式样式冗余。显示：内联块会达到相同的结果，并会给你更多的布局控制。

来源

2016-11-09 10:35:19

删除display: inline;在ul并将其添加到您的li

#highlight ul li { 
    display: inline; 
}

来源

2016-11-09 10:35:32

使用display: inline-block;上#highlight ul li和#highlight ul

像这样的东西删除display: inline; ：

#highlight ul { 
    background-color: black; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 
#highlight ul li{ 
    display: inline-block; 
} 
#highlight ul li a{ 
    text-decoration: none; 
    color: #fff; 
    margin-right: 1rem; 
}

见小提琴：http://jsfiddle.net/NfeVh/1400/

来源

2016-11-09 10:37:41

这些都不起作用，也许它不是代码，但其他东西 –

什么不工作？你检查了小提琴链接吗？ –

试试这个

#highlight ul { 
 
    background-color: black; 
 
    list-style-type: none; 
 
    text-decoration: none; 
 
    margin: 0; 
 
    padding: 0; 
 
    display: inline; 
 
} 
 
#highlight ul li { 
 
    display: inline-block; 
 
}

<section id="highlight"> 
 
    <div class="slide"> 
 
    <div class="container"> 
 
     <div class="slide-text"> 
 

 
     <h1>Δρ. Παναγιώτης Νομικός <span>Νευροχειρουργός</span></h1> 
 
     <p>Περιηγηθείτε στις σελίδες και ενημερωθείτε για θέματα νευροχειρουργικής.</p> 
 
     <p>Για οποιεσδήποτε απορίες σας περιμένουμε να επικοινωνήσετε μαζί μας.</p> 
 
     <ul> 
 
      <li><a href="#">ΠΕΡΙΣΣΟΤΕΡΑ --></a> 
 
      </li> 
 
      <li><a href="#">ΕΠΙΚΟΙΝΩΝΙΑ --></a> 
 
      </li> 
 
     </ul> 
 

 
     </div> 
 
    </div> 
 
    </div> 
 
</section>

来源

2016-11-09 10:38:27

#highlight ul { 
 
    background-color: black; 
 
    list-style-type: none; 
 
    text-decoration: none; 
 
    margin: 0; 
 
    padding: 0; 
 
    display: inline; 
 
} 
 

 
#highlight ul li{ 
 
    width: 30%; 
 
    display: inline; 
 
    float: left; 
 
    list-style-type: none; 
 
}

<section id="highlight"> 
 
    <div class="slide"> 
 
    <div class="container"> 
 
     <div class="slide-text"> 
 

 
     <h1>Δρ. Παναγιώτης Νομικός <span>Νευροχειρουργός</span></h1> 
 
     <p>Περιηγηθείτε στις σελίδες και ενημερωθείτε για θέματα νευροχειρουργικής.</p> 
 
     <p>Για οποιεσδήποτε απορίες σας περιμένουμε να επικοινωνήσετε μαζί μας.</p> 
 
     <ul> 
 
      <li><a href="#">ΠΕΡΙΣΣΟΤΕΡΑ --></a> 
 
      </li> 
 
      <li><a href="#">ΕΠΙΚΟΙΝΩΝΙΑ --></a> 
 
      </li> 
 
     </ul> 
 

 
     </div> 
 
    </div> 
 
    </div> 
 
</section>

来源

2016-11-09 10:43:49

回答

相关问题