选择器
元素选择器
用标签名来作为选择器,选中所有相应的元素
3.2类选择器
根据class的属性来选择元素,样式定义为:
.className{ xxxxxxx}
3.3 ID选择器
根据id名来选择元素,样式定义为:
#idName{xxxxxxxxx}
3.4属性选择器
关系选择器
E F:选择E元素的后代元素F(所有后代 包括子类,孙类)
E>F:选择E元素的直接后代元素(也就是子类)
E+F:选择E元素的第一个弟弟元素F
E~F选择E元素的所有弟元素F
并选择器
将相同的样式放在一起,类名直接用逗号分开
<style type="text/css">
.one,.two{
background-color: greenyellow;
}
.one{
width: 200px;
height: 50px;
}
.two{
width: 50px;
height: 200px;
}
</style>
</head>
<body>
<div class="one">asd</div>
<div class="two">dsa</div>
</body>
通配符选择器
通配符选择器
写法 *{xxx}
<style type="text/css">
*{
font-size: 35px;
color: #0000FF;
font-family: "arial black";
}
</style>
</head>
<body>
<div>
adassfa
<p>111</p>
<p>222</p>
<p>333</p>
<ui>
<li>123</li>
<li>456</li>
<li>789</li>
</ui>
</div>
</body>