CSS更改列表样式的颜色_Css_List

CSS更改列表样式的颜色

css list

CSS更改列表样式的颜色,css,list,Css,List,您好，这可能是一个简单的修复。所以我有一些，每个都有15+ 我的一些html <ul> <li><span>Government Gazette, No. 32320 of 12 June 2009. Forestry Sector Charter. s.l.:s.n.</span></li> <li><span>Government Gazette, No. 34267 of 10 May 2011.

您好，这可能是一个简单的修复。所以我有一些

，每个都有15+

我的一些html

<ul>
  <li><span>Government Gazette, No. 32320 of 12 June 2009. Forestry Sector Charter. s.l.:s.n.</span></li>
  <li><span>Government Gazette, No. 34267 of 10 May 2011. Charted Accountancy Sector Charter. s.l.:s.n.</li>
  <li><span>Government Gazette, No. 35400 of 1 June 2012. Property Sector Charter. s.l.:s.n.</li>
  <li><span>Government Gazette, No. 35423 of 06 June 2012. Information Technology and Telecommunication Sector Charter. s.l.:s.n.</span></li>
  <li><span>Government Gazette, No. 35754 of 5 October 2012. Revised Broad-Based Black Economic Empowerment Codes of Good Practice and B-BBEE Technical Assitance Guideline. s.l.:s.n.</span></li>
  <li><span>Government Gazette, No. 35907 of 23 November 2012. Broad-Based Black Economic Empowerment Amendment Bill. s.l.:s.n.</li>
  <li><span>Government Gazette, No. 35914 of 26 November 2012. Financial Services Sector Charter. s.l.:s.n.</span></li>
  <li><span>Government Gazette, No. 53 of 2003. Broad-Based Black Economic Empowerment Act. s.l.:s.n.</span></li>      
</ul>

如你所见，我将所有文本包装在

中，然后尝试更改罗马符号的颜色，以便人们可以清楚地看到项目列表的位置。仅更改整个列表文本？？我搞不懂它的头绪

我做错什么了吗

在某些元素上没有闭包

。您已打开它们，但未关闭它们。这可能是个问题…

您在某些元素上没有闭包。您已打开它们，但未关闭它们。这可能是个问题…

我想这是因为您的一些SPAN标记尚未关闭？

您有开始标记，但有些没有结束标记。

我想这是因为您的一些SPAN标记尚未关闭？

您有开始标记，但有些没有结束标记。

它起作用，您缺少一些结束标记

HTML:

有效，您缺少一些结束标记

HTML:

首先，您的

标记未关闭

如果这不能解决您的问题，您可以尝试其他一些方法。一种选择是使用图像代替列表项目符号（请参见）：

另一种可能是使用

li:before

选择器，尽管这不适用于旧版本的IE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style type="text/css">
    li {
      list-style: none;
    }

    li:before {
      /* For a round bullet */
      content:'\2022';
      /* For a square bullet */
      /*content:'\25A0';*/
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -0px;
      color: green;
      font-size: 20px;
    }
  </style>
</head>

<body>
  <ul>
    <li>foo</li>
    <li>bar</li>
  </ul>
</body>
</html>


李{
列表样式：无；
}
李：以前{
/*为了一颗子弹*/
内容：'\2022'；
/*为了一颗方形子弹*/
/*内容：'\25A0'*/
显示：块；
位置：相对位置；
最大宽度：0px；
最大高度：0px；
左：-10px；
顶部：-0px；
颜色：绿色；
字体大小：20px；
}

福
酒吧

有关这两种方法的更多信息，请参阅。

首先，您的

标记未关闭

如果这不能解决您的问题，您可以尝试其他一些方法。一种选择是使用图像代替列表项目符号（请参见）：

另一种可能是使用

li:before

选择器，尽管这不适用于旧版本的IE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style type="text/css">
    li {
      list-style: none;
    }

    li:before {
      /* For a round bullet */
      content:'\2022';
      /* For a square bullet */
      /*content:'\25A0';*/
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -0px;
      color: green;
      font-size: 20px;
    }
  </style>
</head>

<body>
  <ul>
    <li>foo</li>
    <li>bar</li>
  </ul>
</body>
</html>


李{
列表样式：无；
}
李：以前{
/*为了一颗子弹*/
内容：'\2022'；
/*为了一颗方形子弹*/
/*内容：'\25A0'*/
显示：块；
位置：相对位置；
最大宽度：0px；
最大高度：0px；
左：-10px；
顶部：-0px；
颜色：绿色；
字体大小：20px；
}

福
酒吧

有关这两种方法的更多信息，请参见。

请尝试在此处阅读详细解释：谢谢，我会立即浏览。感谢所有帮助我找到问题的人。我很抱歉，在这里阅读详细解释非常明显：谢谢，我会立即浏览。感谢所有帮助我找到问题的人。我很抱歉是的，我知道你的意思，但我使用的是升华，所以我所做的是将所有

替换为，将所有替换为
，通过gsub快速通读显示所有跨距都必须闭合。是的，我知道你的意思，但我使用的是升华，所以我所做的是将所有通过gsub使用和所有和快速通读显示所有跨距都必须闭合..这是真的，感谢我刚才在您的示例中看到的发现，我使用了一点正则表达式来查找和替换所有跨距，但似乎这不起作用！high fivei也改变了css，复制我的css和html，你的html没有一个id为#wwwh_box
的包装div
，这是真的，谢谢你注意到我刚才在你的例子中看到的，我做了一点正则表达式来查找和替换所有内容，但这似乎不起作用！high fivei也稍微更改了css，复制我的css和html，你的html没有一个id为#wwwh_box的包装div
#bee_wwwh_box ul {

    margin-bottom: 10px;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 450px;
}
#wwwh_box li {
    list-style-type:upper-roman;
    font-size: 18px;
    color: #16a6b6;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 30px;
}
#wwwh_box li span {
    color: #41413e;
}

li { list-style-image: url(images/yourimage.jpg); }

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <style type="text/css">
    li {
      list-style: none;
    }

    li:before {
      /* For a round bullet */
      content:'\2022';
      /* For a square bullet */
      /*content:'\25A0';*/
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -0px;
      color: green;
      font-size: 20px;
    }
  </style>
</head>

<body>
  <ul>
    <li>foo</li>
    <li>bar</li>
  </ul>
</body>
</html>