你的位置:首页 > 软件开发 > 网页设计 > 神奇的CSS3选择器

神奇的CSS3选择器

发布时间:2015-07-16 18:00:09
话说园子里也混迹多年了,但是基本没写过blog,写点基础的,那就从css3选择器开始吧。 Css3选择器 先说下,为什么提倡使用选择器。使用选择器可以将样式与元素直接绑定起来,在样式表中什么样式与什么元素匹配一目了然,修改起来也很方便。减少样式表的代码量。 ...

    话说园子里也混迹多年了,但是基本没写过blog,写点基础的,那就从css3选择器开始吧。

 Css3选择器

    先说下,为什么提倡使用选择器。

  1. 使用选择器可以将样式与元素直接绑定起来,在样式表中什么样式与什么元素匹配一目了然,修改起来也很方便。
  2. 减少样式表的代码量。

    属性选择器

  1.[att*=val]属性选择器

  意义:表示元素用att表示的属性的属性值包含用val表示的字符,则该元素使用这个样式

 

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title></title>  <style type="text/css">    [id*=demo]    {      width: 100px;      height: 100px;      background-color: #000099;    }  </style></head><body><div id="demo"></div></body></html>

原标题:神奇的CSS3选择器

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。