笔记代码2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--
三种使用方式
-->
<link rel="stylesheet" type="text/css" href="css/a.css"/>
<!--选择器
1 基础选择 tag #id .class , *
2层次选择器
空格 所有子代 12345....
大于号 第一代
加号 第一个兄弟节点
波浪线 后门的所有兄弟节点
优先级 正常情况下 选择范围越大，优先级越低 !important
3表单选择器
:type属性 jquery
4属性过滤器[]
[attr] 包含这个属性
[attr=val] 属性值=val
[attr!=val] 属性值不等于val 属性值!=val ----jquery
[attr*=val] 属性值包含val
[attr^=val] 属性值以val开始
[attr$=val] 属性值以val结尾
-->
<style type="text/css">
a[href]{
color: red;
}
a[href='#']{
color: blue;
}
a[href !='']{
color: blue;
}
li{
color: red;
}
.li1,.li3{
color: aqua;
}
#list{
color: palegreen;
}
.li4 span{
background-color: yellow;
}
#list - li{
}
input[type=text]{
}
</style>
</head>
<body>
<a>a</a>
<a href="">a</a>
<a href="#">a</a>
<a href="javascript">a</a>
<h1 style=""></h1>
<h1></h1>
<!-- ul>li.li${列表$}*5 -->
<!-- <ul>
<li class="li1">列表1</li>
<li class="li2" id="list">列表2</li>
<li class="li3">
<span >
列表3
</span></li>
<li class="li4">
<span id="">
列表4
</span>
<div>
<span>
</span>
</div>
</li>
<li class="li5">列表5</li>
</ul>-->
</body>
</html>
浙公网安备 33010602011771号