<!doctype html>
<html>
<head>
<title>hello sdfsdfsd</title>
<meta charset='utf-8'>
<style type="text/css">
.xx div {
color:red;
}
div.xx{
color:green;
}
[title=hello] { color:red; } /*1查找title属性等于hello所有元素*/
[title~=hello] { color:green; } /*1查找title属性包含hello所有元素*/
input[type="button"]
{
background-color:lightblue;
}
</style>
</head>
<body>
<div class="xx">
<div>
<code>div.xx 和.xx div 是不一样的<br/>
div.xx 包含自身， 是修饰div=xx类里面的所有元素
而.xx div 不包括自身,是修饰xx类里面只含有div的元素
</code>
</div>
<p title="hello">css 选择符写法测试</p>
<input type="button" name="btn" value="按钮"/>
</div>
</body>
</html>
<html>
<head>
<title>hello sdfsdfsd</title>
<meta charset='utf-8'>
<style type="text/css">
.xx div {
color:red;
}
div.xx{
color:green;
}
[title=hello] { color:red; } /*1查找title属性等于hello所有元素*/
[title~=hello] { color:green; } /*1查找title属性包含hello所有元素*/
input[type="button"]
{
background-color:lightblue;
}
</style>
</head>
<body>
<div class="xx">
<div>
<code>div.xx 和.xx div 是不一样的<br/>
div.xx 包含自身， 是修饰div=xx类里面的所有元素
而.xx div 不包括自身,是修饰xx类里面只含有div的元素
</code>
</div>
<p title="hello">css 选择符写法测试</p>
<input type="button" name="btn" value="按钮"/>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
