css三种样式优先级 |css如何让li竖直排列

p {
font-size: 12px;
color: #333;
}

1. 元素样式（Element Style）：这是CSS样式设定的普遍优先级，指的是对所有相同元素（例如所有段落）的样式设定进行优先级比对。如果页面中同时有两个相同元素（例如两个p标签）被设定不同的样式，那么这个元素样式优先级高的样式将被应用到相应元素，而低优先级的样式则被自动忽略。

p {
font-size: 14px;
}

2. 类样式（Class Style）：这种样式通过类名来设置，例如大家可以设置一个类名为“my-style”，并在HTML文件中添加class属性，然后在CSS文件中定义此类样式的样式。当自定义样式与元素样式产生冲突时，类样式优先级比元素样式更高。但是在多个类名为“my-style”的元素存在时，它们的优先级同样受元素样式的影响。

.my-style {
font-size: 16px;
}

3. ID样式（ID Style）：这种样式通过为HTML文件中的元素添加“id”属性来设置，规定ID本身应该是唯一的，所以ID样式优先级最高。当同一个元素既有ID样式又有元素样式和类样式时，ID样式将具有最高的优先级。

#my-paragraph {
color: red;
}

总结：以上三种优先级，并不是完全独立的，当其中一种不起作用时，这种样式的优先级将被自动降低。CSS样式的使用需要谨慎，在保证正确的样式表达的前提下，合理选择优先级设置，将有助于样式表的调试和维护。