有没有办法获取有序列表项编号的内容？varlist=document.getElementById('list');list.style.listStyleType='upper-roman';applebananaorangepear这将产生一个像这样的项目列表。I.appleII.bananaIII.orangeIV.pear有没有办法获取#target列表项的III字符串？编辑:这里的罗马字符只是一个例子。我希望能够访问任何list-style-type选项提供的内容。 最佳答案 我能想到的唯一方法如下:1)获取项目的索引(例
我有一个HTML格式的有序列表。我只想为数字(1,2,3,...)添加样式，而不是列表项本身。有没有办法引用这些数字？谢谢! 最佳答案 CSS2提供对generatedcontent的控制，这将允许您使用:before伪类独立于元素的其余部分设置自动生成的内容的样式。这是一个满足OP后续标准的解决方案(列表枚举器上的背景颜色，而不是元素的背景颜色)。body{margin:0;padding:10px;}ol{counter-reset:item;margin:0;padding:0;}li{display:block;paddin
我有一个HTML有序列表，我需要对其应用删除线。我在CSS中完成了如下操作:.Lower-Alpha{list-style:lower-alpha;margin-top:2pt;margin-bottom:2pt;text-decoration:line-through;}我遇到的问题是，这会删除列表中的内容，但不会删除列表的编号(我需要同时执行这两项操作)。例如我得到:一个。划线内容但我需要:一个。划线内容欢迎提出任何建议。干杯 最佳答案 简单易行:list-style-position:inside;http://jsfiddl
这个问题在这里已经有了答案:Addingtextbeforelist(2个答案)关闭8年前。我正在尝试使用和创建有序的cooking说明列表。但是，我需要在每个自动编号之前添加文本“Step”，因此它看起来如下:Placebaginfreezer,etc...Preheatoven第1步。将袋子放入冰箱等...第二步预热toastr我尝试使用:beforeCSS中的选择器，但它将自定义文本“Step”放置在自动编号和内容之间。这是我的CSS:li:before{content:"Step";font-weight:bold;}这是结果1。步骤将袋子放入冰箱等......2。步骤预热to
我无法获得显示正确缩进的有序列表。这些数字都向右对齐。因此浏览器(Chrome)在单位数字前显示一个空格，并且只将双位数正确地左对齐。我怎样才能输出一个漂亮的有序列表，其中数字全部左对齐，列表项都从彼此下方开始？ 最佳答案 其实解决方法很简单，设置即可ol{list-style-position:inside;}你的数字应该像你想要的那样“左对齐”。 关于html-正确缩进html中的有序列表，我们在StackOverflow上找到一个类似的问题： https
我想在有序列表的数量和文本之间添加空格例如:1.Hello.2.Test.“1”之间的空格。和“你好”需要增加。注意:我使用以下样式，因为我不想要。从最左边开始ol{word-break:break-all;}li{list-style-position:inside;padding:0;}我想要完全像下图一样，我能够得到除了列表编号和文本之间的空格之外的所有内容(在图像中标记) 最佳答案 请注意，您的代码中有.li而不是liol{word-break:break-all;margin:0;padding:0;}olol{margi
默认情况下，有序列表如下所示:列表左侧有一些间距。有什么办法可以消除这些间距吗？这是我想要的:在我的网站上，字体系列和字体大小将由用户动态更改。因此我无法预设padding-left。 最佳答案 Onmywebsite,thefont-familyandfont-sizewillbechangedbyusersdynamically.ThereforeIamnotabletopresetpadding-left.为什么这会阻止您使用padding-left？当您想覆盖浏览器的默认样式表时，它绝对是正确的工具。ul{padding-l
我正在尝试创建一个背景颜色交替变化的有序编号列表。我需要数字出现在背景中，并排成一行。如果我取出list-style-position:inside;数字排成一行，但移到背景之外。这是我的代码，下面有一个指向jsfiddle的链接。haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!haHAhaHA!ol{list-style-type:decimal;list-style-positio
我有一个简单的有序列表，super简单:http://www.bootply.com/P8wglPiSVD看起来像这样:Loremipsumdolorsitamet,consecteturadipisicingelit.Vitae,aliquid.Quosnostrumprovidentexquisquamaliquid,hicodiorepellendusatque.Facilis,iddolorumdistinctio,harumaccusantiumatqueexplicaboquidemconsectetur.但是twitterbootstrap没有显示任何数字，即使它是一个有
我目前正在学习HTML编程。我有一个问题:如果我这样写:HEADLINEFirstItem问题是数字(1.)位于左侧，而我希望它在标题下方对齐。如何让整个列表项到中间？我需要至少10个信誉才能添加图片，所以我会提供另一个网站的链接供您查看图片:ALIGNING 最佳答案 您正在对齐正文中的文本。试试这个:.center{text-align:center;list-style-position:inside;}HEADLINEFirstItem 关于html-如何在HTML中将有序列表编
