属性选择器

2019/7/21 19:08:45 人评论 次浏览 分类:学习教程

选取标签带有 某些特殊属性的选择器,我们成为属性选择器
属性选择器用中括号来表示

a[title]{  /*属性选择器用中括号来表示*/
		color: red
	}
input[type=text]{
		color: skyblue;
	}
		<a href="#" title="我是百度">百度</a>
		<a href="#" title="我是搜狐">搜狐</a>
		<a href="#">新浪</a>
		<a href="#">网易</a>
		<input type="text" value="文本框">
		<input type="text" value="文本框">
		<input type="text" value="文本框">
		<input type="submit">
		<input type="reset">

注意:input[type=text]{
		color: skyblue;
	}
等号后要完全等于	<input type="text" value="文本框">  中引号内的text

例子:

	div[class^=font]{         /*class^=font 表示 font 开头的位置即可*/
		color: red;
	}
	div[class$=footer]{         /*class$=footer 表示 footer 结束的位置即可*/
		color: skyblue;
	}
	div[class*=jd]{            /* class*=jd   *=  表示jd 在任意位置都可*/     
		color: green;
	}
		<div class="font12">属性选择器</div>
		<div class="font12">属性选择器</div>
		<div class="font24">属性选择器</div>
		<div class="font24">属性选择器</div>
		<div class="font24">属性选择器</div>
		<div class="sub-footer">属性选择器</div>
		<div class="jd-footer">属性选择器</div>
		<div class="news-jd-nav">属性选择器</div>
		<div class="news-jd-hesder">属性选择器</div>
		<div class="jd-header">属性选择器</div>

相关资讯

    暂无相关的资讯...

共有访客发表了评论 网友评论

验证码: 看不清楚?
    -->