用于元素符号的 html ul 样式 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

您的代码中有两个小错误:

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>