Rumah >hujung hadapan web >tutorial css >详解css3类选择器之结合元素选择器和多类选择器用法
详解css3类选择器之结合元素选择器和多类选择器用法
- 高洛峰asal
- 2017-03-09 18:44:521865semak imbas
这篇文章详解css3类选择器之结合元素选择器和多类选择器用法
css3类选择器之结合元素选择器和多类选择器用法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.p2{font-size:30px;}
/*结合元素选择器*/
p.p1{color:rebeccapurple;}
/*多类选择器*/
.p1.p2{font-style: italic;}
</style>
</head>
<body>
<div>看我</div>
<p>我就是我</p>
<p>我是一段文字</p>
<p class="p1 p2">我还是斜体字</p>
</body>
</html>Atas ialah kandungan terperinci 详解css3类选择器之结合元素选择器和多类选择器用法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css实现3D立方体旋转特效的示例代码Artikel seterusnya：关于CSS知识点的集锦