首页 > 开发 > CSS > 正文

简介CSS中的各种选择符

2024-07-11 08:30:00
字体:
来源:转载
供稿:网友

类型,类和ID选择器

    带有空格的字体名称要用''引起来
    对选择器分组可使同一规则适用于多个选择器,例子如下

CSS Code复制内容到剪贴板
  1. th,td {        padding:0 10px 00;   
  2. }  

    选项的优先级

CSS Code复制内容到剪贴板
  1. h1 {        font-family:'Times New Roman',serif;   
  2. }    //先选用前者,没有前者,再使用后者  

    类型名与类名中间不应有空格 div.btn-success
    通用选择器*,适用于文档所有元素

CSS Code复制内容到剪贴板
  1. * {        font-family:Arial;   
  2. }  

    后代选择器

CSS Code复制内容到剪贴板
  1. div.planet table td {        padding:0 10px 0 0;   
  2. }    //是类为planet的div元素的后代table的后代的td样式  

    万万牢记,上下文选择符以空格作为分隔符,而分组选择符则以逗号作为分隔符,不要弄混。
    子选择符>

CSS Code复制内容到剪贴板
  1. section > p{        font-style:Italic;   
  2. }    //section的子元素p  

    同胞选择符~和+

section ~ p {
    font-style:Italic;
}
//p在section后面就行
section + p {font-style:Italic;}
//p必须紧跟section

    非子选择符

CSS Code复制内容到剪贴板
  1. selection * a {        ***;   
  2. }    //所有是selection元素孙子的a元素  

    ID选择器

属性选择器

    标签名[属性="属性值"]

CSS Code复制内容到剪贴板
  1. img[title="hh jj"]{...}  
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表