Question

我有以下代码，但＆＃34; 2。＆＃34;没有强调。任何帮助表示赞赏。

<li> <span style="border-bottom: 2px solid black;">ComicCon 1990 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp; </span> </li>

Answer 1

您必须使用自己的计数器，但这是可能的。

＆＃13;

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
</ul>

＆＃13;

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

var getMonth = (function(index){
	return this[index-1];
}).bind(months);

var month = getMonth(1);

document.getElementById('month').innerHTML = month;

＆＃13;

如果您只想要带下划线的数字，请将该属性移动到:: before属性。

Answer 2

以下是您的方法的替代方法，您可以使用数字而不是项目符号，例如，您可以将数字放在<li> <span style="border-bottom: 2px solid black;">2. ComicCon 1990            &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp   </span> </li>标记内，以便将它们视为内部内容。然后，您可以提供适当的填充或边距来设置样式，例如上面的代码将成为

2.

请注意，我刚刚在代码中ComicCon 1990之前添加了ul { list-style-type: none; }，以明确插入子弹效果。确保你必须隐藏列表项目符号，你可以这样做，

li

注意：如果您不想手动为appc use 5.1.0元素添加数字，那么您可以编写一些Javascript代码来为您执行此操作。我希望这会对你有所帮助。

Answer 3

此方法也很有用

 <head>
    <style type="text/css">
         li.underline { 
                        text-decoration: underline;
             }

            li.underline:before {
                        content: "\2022";
                }

    </style>
</head>

<body>
<ol>
    <li><span class= "underline"> ABC</span></li>

</ol></body>

如何强调有序列表的子弹？

3 个答案: