可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。
1、新建html文档,添加5个input标签,其中第一个和最后一个“type”属性的属性值为“text”:
2、在head标签和body标签之间添加style标签,添加代码“input[type=text]”,“input”指的是标签名,“type”指的是属性名,“text”指的是属性值,这个就会把所有属性名为“type”、属性值为“text”的input标签选中:
3、为被选择的标签设置背景色为红色,这时属性值为“text”的第一个标签和最后一个标签背景色都变成了红色:
需要控制的模块id不能重复,class名字是不能重复,矛盾的css样式不指向同一块区域。
CSS优点和缺点优点:1,CSS对于设计者来说是一种简单、灵活、易学的工具,能使任何浏览器都听从指令,知道该如何显示元素及其内容2,个样式表可以用于多个页面,甚至整个站点,因此具有更好的易用性和扩展性3,使用CSS样式表定义整个站点,可以大大简化网站建设,减少设计者的工作量缺点:浏览器支持的不一致性
2.CSS
没有父层选择器3.不能明确地指定继承性4.垂直控制的局限 5.显示的缺乏6.缺乏正交性通配选择符 *.ic35w { text-decoration:none; }
类型选择符 td { font-size:14px; width:120px; }
ID选择符 #ic35w { font-size:14px; width:120px;}
属性选择符 span[class=ic35w] { color: red; }
包含选择符 table td { font-size:14px; }
子对象选择符 div ul>li p { font-size:14px; }
伪类及伪对象选择符 div:first-letter { font-size:14px; }
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有