CSS 后代选择器和权值计算

最新推荐文章于 2023-04-17 15:26:21 发布

「已注销」

最新推荐文章于 2023-04-17 15:26:21 发布

阅读量2.2k

点赞数 2

分类专栏：前端Frontend 文章标签： css web 网页选择器

本文链接：https://blog.csdn.net/weclove2008/article/details/74094485

版权

本文介绍了CSS中的后代选择器和权值计算规则。包括子选择器（第一代）和包含选择器（所有后代）的用法，以及特殊性的概念。详细阐述了权值的计算方式，如标签（1）、类选择符（10）、ID选择符（100）和内联样式的权值（1000）。通过实例展示了权值如何决定元素最终的样式表现，并提到了继承权值的特殊情况。

摘要由CSDN通过智能技术生成

子选择器（第一代）

符号：>
作用：选中儿子元素
示例：

<style type="text/css">  
.music>li{border:1px solid red;}  <!-border边框样式-->

<!--操作区-->
<body>
<h1>Music Singer</h1>

<ul class="music">
	<li>Chinese
		<ul>
			<li>Leijun</li>
			<li>JayChou</li>
			<li>SilerChao</li>
		</ul>
	</li>
	<li>English
		<ul>
			<li>Taylor Swift</li>
			<li>Whitness Huston</li>
			<li>Micheal Jackson</li>
		</ul>
	</li>
</ul>
</body>