<!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>
CSS用法：1.直接样式表、2.内部样式表、3.外部样式表
从运行效果上看，优先级：直接样式表>内部样式表>外部样式表，id选择器>html选择器
2419
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
