blocks|key|503597|text|尝试一下，在Chrome/Safari上测试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503598|ul+{
+list-style:+none;
}|code-block|syntax|javascript|503599|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this instead, tested on Chrome/Safari

<pre><code>ul {
 list-style: none;
}
</code></pre>

blocks|key|503625|text|一定还有别的原因。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503626|因为：|503627|+++ul#otis+{
+++++list-style-type:+none;
+++}|code-block|syntax|javascript|503628|应该行得通。|503629|也许有一些CSS规则会覆盖它。|503630|使用DOM检查器来找出答案。|503631|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

There must be something else.

Because:

<pre><code> ul#otis {
 list-style-type: none;
 }
</code></pre>

should just work.

Perhaps there is some CSS rule which overwrites it.

Use your DOM inspector to find out.

blocks|key|503638|text|放|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503639|<style+type="text/css">
+ul#otis+{
+++++list-style-type:+none;
+++}
</style>|code-block|syntax|javascript|503640|就在列表之前测试它。或|503641|<ul+style="list-style-type:+none;">|503642|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Put 

<pre><code>&lt;style type="text/css"&gt;
 ul#otis {
 list-style-type: none;
 }
&lt;/style&gt;
</code></pre>

immediately before the list to test it out. Or

<pre><code>&lt;ul style="list-style-type: none;"&gt;
</code></pre>

blocks|key|503664|text|对于内联样式表，请尝试以下代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503665|<ul+style="list-style-type:+none;">
++++<li>Try+This</li>
++++</ul>|code-block|syntax|javascript|503666|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

for inline style sheet try this code

<pre><code>&lt;ul style="list-style-type: none;"&gt;
 &lt;li&gt;Try This&lt;/li&gt;
 &lt;/ul&gt;
</code></pre>

blocks|key|503726|text|下面的代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503727|​|503728|#menu+li{
++list-style-type:+none;
}|code-block|syntax|javascript|503729|<ul+id="menu">
++++<li>Root+node+1</li>
++++<li>Root+node+2</li>
</ul>|503730|503731|将生成以下输出：|503732|503733|📷|atomic|offset|length|503734|503735|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/67f0b16f1b314769f2c9a3f433673ee3.png|imageAlt^0|0|0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|18|8|@]|9|@]|A|$]]|$1|N|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1A|8|@]|9|@$R|1B|S|1C|1|1D]]|A|$]]|$1|T|3|C|5|6|7|1E|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11|12|-4]]]]

The following code
<div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>#menu li{
 list-style-type: none;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul id="menu"&gt;
 &lt;li&gt;Root node 1&lt;/li&gt;
 &lt;li&gt;Root node 2&lt;/li&gt;
&lt;/ul&gt;</code></pre>
</div>
</div>

will produce this output:
<img src="https://i.stack.imgur.com/Tj08L.png" alt="output is" />

blocks|key|503781|text|你的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503782|ul#otis+{
++++list-style-type:+none;
}|code-block|syntax|javascript|503783|我的建议是：|503784|#otis+{
++++list-style-type:+none;

}|503785|在css中，你只需要使用#id，而不是element#id。这里提供了更多有用的提示：w3schools|offset|length|style|CODE|503786|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/cssref/sel_id.asp^0|0|0|0|0|C|3|J|A|17|9|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@$M|13|N|14|O|P]|$M|15|N|16|O|P]]|9|@$M|17|N|18|1|19]]|A|$]]|$1|Q|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

your code:

<pre><code>ul#otis {
 list-style-type: none;
}
</code></pre>

my suggestion:

<pre><code>#otis {
 list-style-type: none;

}
</code></pre>

in css you need only use the <code>#id</code> not <code>element#id</code>. more helpful hints are provided here:
<a href="http://www.w3schools.com/cssref/sel_id.asp" rel="nofollow">w3schools</a>

blocks|key|503831|text|要从无序列表中删除项目符号，可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503832|list-style:+none;|code-block|syntax|javascript|503833|您还可以使用：|503834|list-style-type:+none;|503835|这两种方法都有效，但第一种是获得相同结果的一种更短的方法。|503836|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

To remove bullet points from unordered lists , you can use:

<pre><code>list-style: none;
</code></pre>

You can also use:

<pre><code>list-style-type: none;
</code></pre>

Either works but the first is a shorter way to get the same result.

blocks|key|719954|text|在chrome中，您可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|719955|ul+{
+list-style:+none;
}|code-block|syntax|javascript|719956|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In a chrome, you can use
<pre><code>ul {
 list-style: none;
}
</code></pre>

I have the following list:

<pre><code> &lt;ul id="otis"&gt;
 &lt;li&gt;Benz&lt;/li&gt;
 &lt;li&gt;Other Benz&lt;/li&gt;
 &lt;li&gt;Other Other Benz&lt;/li&gt;
 &lt;/ul&gt;
</code></pre>

I want to get rid the bullets so i tried:

<pre><code> ul#otis {
 list-style-type: none;
 }
</code></pre>

That didn't work though. What is the proper way to remove the bullets from the displayed list?

Getting rid of bullet points from <ul>

我有以下列表： <ul id="otis"> <li>Benz</li> <li>Other Benz</li> <li>Other Other Benz</li> </ul>我想摆脱这些子弹，所以我试着： ul#otis { list-style-type: none; }不过，这并不管用。从显示的列表中删除项目符号...

问去掉<ul>中的要点
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问去掉<ul>中的要点EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问去掉<ul>中的要点
EN