首页 > 代码库 > CSS选择器
CSS选择器
1、元素选择器
大多数的HTML标记都包含一个style属性，允许指定在标记显示时的样式。
语法格式：语法格式：< style type=”text/css”>
div{color:red;
font-size:25px;
}
</sytle>
在<body></body>之间插入div即可
2、css类选择器
元素选择器的目标是一个元素的每个实例，而类选择器可以被用于选择有某个class属性的任何HTML元素
语法格式 .类名（可任意选择）{color:red;
font-size:30px;
}
在<body></body>之间插入标签元素<p class=”类名”>内容</p>
如果同时通用多个类选择器，则效果叠加
3、id选择器
Id选择器与类选择想死，他可以被用于选择有某个id属性的任何HTML元素
语法格式：#类名（可任意选择）{color:red;
font-size:30px;
}
在<body></body>之间插入标签元素<p id=”类名”>内容</p>
同一id属性值在同一页面上只能出现一次，而.class属性值可以在用以页面中出现多次
4、后代选择器（对所有的次级标签有效果）
语法格式： p span{ color:red;
font-size:30px;
}
<p>你好，我喜欢<span>篮球</span></p>
p标签内的所有span标签有格式效果
5、子元素选择器
语法格式：h1>strong{color:red;
font-size:30px;
}
例1：<h1>我喜欢<strong>足球</strong>和篮球</h1>
会对strong标签内的“足球“产生格式化效果
例2：<h1>我喜欢<span>足球</span><strong>和篮球</strong></h1>
此时的strong标签不是h1标签的子元素，而是次次级元素，所以不会产生格式化效果
6、通配符选择器
通配符选择器用于选择所有的元素
语法格式：*{ color:red;
font-size:30px;
}
主要用于消除盒模型margin和padding，解决兼容问题
CSS选择器