子弹的html ul style css

Question

我遵守了这些代码 但是“listStyle”类中没有ul的样式。

.listStyle {
    color: red;
} 
.listStyle p {
    color: black;
}

ul li{list-style-type:none;}

.liststyle ul, .liststyle li{list-style-type:circle;list-style:circle;display:inline;}

<ul class="listStyle">
    <li>
        <p><strong>View :</strong> blah blah.</p>
    </li>
    <li>
        <p><strong>View :</strong> blah blah.</p>
    </li>
</ul>

我想为具有“listStyle”类的ul设置圆形样式 剩下的就是没有风格 我该怎么办？ 感谢

Answer 1

如果你写list-style-type: none，你就是在拒绝子弹。删除它，它的工作原理。

修改

您可以重置类名的列表样式类型。看编辑的片段。并不是说CSS是区分大小写的。 liststyle !== listStyle

.listStyle {
    color: red;
} 
.listStyle p {
    color: black;
}


 ul li{list-style-type:none;}
.listStyle, .listStyle li { list-style-type: circle; }

<ul class="listStyle">
    <li>
        <p><strong>View :</strong> blah blah.</p>
    </li>
    <li>
        <p><strong>View :</strong> blah blah.</p>
    </li>
</ul>

Answer 2

你的代码中有两个小错误：

1. 大写和小写在HTML和CSS中必须相同
2. 如果您的<ul>有类似<ul class="list-style">的类，则CSS为ul.list-style

.listStyle {
    color: red;
} 
.listStyle p {
    color: black;
}

ul li {
  list-style-type:none;
}

ul.listStyle li {
  list-style-type: disc;
}

<ul class="listStyle">
    <li>
        <p><strong>View :</strong> blah blah.</p>
    </li>
    <li>
        <p><strong>View :</strong> blah blah.</p>
    </li>
</ul>

<ul>
  <li>list with no bullets</li>
  <li>list with no bullets</li>
  <li>list with no bullets</li>
  <li>list with no bullets</li>
</ul>

Answer 3

.listStyle {
    color: red;
} 
.listStyle p {
    color: black;
}

.nostyle{list-style:none;}

.liststyle ul, .liststyle li{list-style-type:circle;}

<ul class="listStyle">
    <li>
        <p><strong>View :</strong> blah blah.</p>
    </li>
    <li class="nostyle">
        <p><strong>View :</strong> blah blah.</p>
    </li>
</ul>

itz正在工作......  如果你不想列表样式的意思是list-style：none