CSS ul li第二个及以下列表项具有灰色垂直线_Css_Html Lists

CSS ul li第二个及以下列表项具有灰色垂直线

css

CSS ul li第二个及以下列表项具有灰色垂直线,css,html-lists,Css,Html Lists,我需要修复一些现有的html内容。CSS是相当复杂的，但是，我有一件事突然冒出来，我不能摆脱所有ul li列表在圆圈/点和li项目文本之间有一条中灰色垂直线。第一个项目很好，它只会始终出现在第一个项目之后。第一项很好我尝试了边距0和填充0，但没有效果有人见过类似的东西吗？不知道怎么修复这是给我的密码。在firefox中输入一个.html并查看它 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.

我需要修复一些现有的html内容。CSS是相当复杂的，但是，我有一件事突然冒出来，我不能摆脱

所有ul li列表在圆圈/点和li项目文本之间有一条中灰色垂直线。第一个项目很好，它只会始终出现在第一个项目之后。第一项很好

我尝试了边距0和填充0，但没有效果

有人见过类似的东西吗？不知道怎么修复

这是给我的密码。在firefox中输入一个.html并查看它

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- InstanceBegin template="/templates/standard_menus_fixed.dwt" codeOutsideHTMLIsLocked="false" -->
<head id="Template_Head1"><title>
    Bereavement: key facts
</title><link href="/WebResource.axd?d=5l5Vc4D6yAURPWhWXhJ1YxVmorTrcBTS6LeygIpuH99gHY_hxCH5iVrseffmyXJjODvXT-h-Cep60waS6UnK9oPqL7YFeDCBMOyrJ_54mXW-llvBQnPFG49p21uK3ml9R2ozACJMx6EY-iFhJJSIGm4N0WI1&amp;t=635101844810114495" type="text/css" rel="stylesheet" /><base href="http://www.rcpsych.ac.uk/" /><link href="/templates/default/css/system/system.css" type="text/css" rel="stylesheet" /><link href="/templates/default/css/system/standard.css" type="text/css" rel="stylesheet" />
    <!--<link href="/templates/default/css/main.css" type="text/css" rel="stylesheet" />-->
    <!--New site styles added by JainA00 07/08/2012-->
    <link href="/templates/default/css/newSite/global.css" type="text/css" rel="stylesheet" media="screen,projection" /><link rel="stylesheet" href="/templates/default/css/newsite/print.css" type="text/css" media="print" />
        <!--[if lte IE 7]>
  <link rel="stylesheet" href="/templates/default/css/newSite/ie8.css" media="screen,projection" type="text/css" />
  <![endif]-->
    <!--[if lte IE 6]>
  <link rel="stylesheet" href="/templates/default/css/newSite/ie7.css" media="screen,projection" type="text/css" />
  <![endif]--> 
    <link rel="stylesheet" href="/templates/default/css/n_red.css" media="screen,projection" type="text/css" />
    <script type="text/javascript" src="/../../scripts/jquery-1.6.2.min.js"></script>

    <script type="text/javascript" src="/../../scripts/jquery.overlabel.js"></script>

    <script type="text/javascript" src="/../../scripts/jquery.hoverIntent.minified.js"></script>

    <script type="text/javascript" src="/../../scripts/main-functions.js"></script>


    <meta name="robots" content="canonical" /><meta name="GENERATOR" content="Immediacy .NET CMS - Licensed To : The Royal College of Psychiatrists" /><meta name="keywords" content="bereavement, grief, death, depression, antidepressants, grieving" /><meta name="description" content="Bearevement: what happens when you loose someone you love: produced by the Royal College of Psychiatrists" /><!-- MY CSS --><style media="screen" type="text/css">body{overflow-x: hidden;}#page-wrapper{background-image: url("");width:630px;left:100px;margin-left:0px;} #page-inner{     background-image: url("");width:820px;left:0px;margin-left:0px;} #top-layer em{background-image: url("");}
    ul{width:85%; background-color:#ffcccc; margin:0; padding:0; padding-left:20px; border:none;}
    li{width:100%; background-color:#ff0000; margin:0; padding:0; border:none;}

    </style></head>
<body class="mainBody">

<div id="top-layer">
    <!-- KILL TOP LAYER -->
    <div id="page-wrapper">
        <div id="page-inner">
        <div id="page-inner">
            <div id="breadCrumb">

<!-- KILL BREADCRUMB -->   </div>
            <div id="main-layer">
                <div id="main-content">

                    <div id="mainContent">

<h3><strong>What if I can't come to terms with it?</strong></h3>

<ul>
<li>You may have problems if you can't grieve properly at the time
of your loss because of family or business commitments. Some people
don&rsquo;t appear to grieve at all and return quickly to their normal
life,&nbsp;but then, years later, have odd physical symptoms or
spells of depression.</li>
<li>If you have had a stillbirth, miscarriage or abortion, other
people may not understand why you feel so deeply about it. This can
make you feel very alone and low.</li>
<li>You may start to grieve, but get stuck. The early sense of
shock and disbelief goes on. Years may pass and still you find it
hard to believe that the person you loved is dead.</li>
<li>You may find that you can&rsquo;t think of anything else, perhaps
making the room of the dead person into a shrine.</li>
<li>Occasionally, you may feel so low that you have thoughts of
killing yourself and may even stop eating and drinking.</li>
<li>Bereavement can affect your physical health, with an increased
risk of cancer and heart disease. Some older people may die very
soon after their partner or spouse has died.</li>
</ul>

</body>
<!-- InstanceEnd -->
</html>


丧亲之痛：关键事实
正文{overflow-x:hidden；}页面包装{背景图像：url（“”）；宽度：630px；左侧：100px；左边距：0px；}页面内部{背景图像：url（“”）；宽度：820px；左侧：0px；左边距：0px；}顶层em{背景图像：url（“”；}
ul{宽度：85%；背景色：ffcccc；边距：0；填充：0；左填充：20px；边框：无；}
li{宽度：100%；背景色：#ff0000；边距：0；填充：0；边框：无；}
如果我不能接受它怎么办？

如果你当时不能适当地悲伤，你可能会有问题
因为家庭或商业承诺而造成的损失。一些人
don&rsquo；我一点也不悲伤，很快就恢复了正常
生活，但几年后，出现了奇怪的身体症状或
一段时间的沮丧
如果您有死产、流产或流产，其他
人们可能不理解你为什么对它有如此深刻的感受。这个可以
让你感到非常孤独和低落
你可能会开始悲伤，但会陷入困境。早期意识
震惊和怀疑还在继续。岁月流逝，你仍能找到它
很难相信你爱的人已经死了
您可能会发现，您可以；也许，我想不出别的了
把死者的房间变成神龛
有时候，你可能会感到情绪低落，甚至会想到
自杀，甚至可能停止饮食
丧亲之痛会影响你的身体健康，并增加
癌症和心脏病的风险。一些老年人可能会死得很晚
在他们的伴侣或配偶去世后不久

要删除圆圈/圆点和li项目文本之间的中灰色垂直线，请尝试将以下CSS样式添加到“li”元素：左边框：0px！重要的。下面是“li”元素的最终CSS样式：

li{
width:100%; 
background-color:#ff0000; 
margin:0; 
padding:0; 
border:none; 
border-left: 0px !important;
}

嗨，你会拉小提琴吗？所以我们可以研究它？例如，通过使用jsfiddle.net创建一些我们可以使用的东西：你的意思是更少的代码或者问题中明显的CSS？我认为目前大约有5个CSS文件。所有这些都不是我的工作，所以都很混乱。我在这里寻找一个快速的答案，以防有人以前经历过。我不一定要你们帮我检查所有的CSS。