CSS 选择器

最新推荐文章于 2025-05-18 10:00:41 发布

雪海神锋

最新推荐文章于 2025-05-18 10:00:41 发布

阅读量398

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.youkuaiyun.com/u010609807/article/details/45702205

版权

CSS 专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html选择器</title>
<style type="text/css">
	p {color: green;font-size: 20px}
	#test {color: red;}
	.test {color: black;}
	[align="center"] {color: yellow;font-size: 15px;}
	[name~="t"] {color: red;font-size: 15px}   /* 包含指定的值，适用于由空格分隔的值 */
	[name|="t"] {color: blue;font-size: 15px}	/* 包含指定的值，适用于由连字符分隔的值 */
</style>
</head>
<body>
	<p>html选择器，这是一个段落。</p>
	<h1 id="test">id选择器</h1>
	<h2 class="test">类选择器</h2>
	<p align="center" >属性选择器这是一个段落</p>
	<p align="center" name="t t1">属性选择器这是一个段落</p>
	<p align="center" name="t-t1">属性选择器这是一个段落</p>
</body>
</html>