zoukankan      html  css  js  c++  java
  • CSS基本选择器

    一、css选择符:

        概念:选择符表示要定义样式的对象,可以是元素本身,也可以是一类元素或者是指定名称的元素。

      1.css选择符包括四大类:类型选择符、id选择符、class类型选择符、特殊选择符

        (1)类型选择符:

          语法:元素名称{属性:属性值;}

          说明:类型选择符就是以文档语言对象类型作为选择符,即使用结构中元素名称作为选择符;

          特点:能够选中页面中所有相同的标签并添加样式

          应用:想统一某一个标签样式的时候

        (2)id选择符

          语法:#id名{属性:属性值}

          说明:当我们使用id选择符时,应先为每个元素定义一个id属性,如<div id="top"></div>

          特点:唯一性(在同一页面中,id名只能出现一次)

          应用:划分网页的外围结构

        (3)class选择符

          语法:.class名{属性:属性值;}

          说明:类选择符的语法格式是:“.”加上定义的class名称,也就是class类选择符;

             当我们使用类选择符时,应先为每个元素定义一个class属性,如<div class="top"></div>

          特点:可以书写一类样式

        (4)群组选择符

          语法:选择符1,选择符2,选择符3{属性:属性值;}

          说明:当多个选择符应用样式相同时,可以将选择符用英文逗号分隔的方式,合并为一组

        (5)包含选择符

          语法:选择符1 选择符2{属性:属性值;}

          说明:选择符1和选择符2之间用空格隔开。含义就是所有选择符1中包含选择符2

        (6)伪类选择符

          a:link{属性:属性值;}未访问状态

          a:visited{属性:属性值;}已访问状态

          a:hover{属性:属性值;}鼠标滑过状态

          a:active{属性:属性值;}鼠标按下状态

        (7)通配符

          语法:*{属性:属性值;} eg:*{margin:0;padding:0;}

          说明:通配选择符的写法是“*”,其含义就是所有元素。

      2.选择符权重

        (1)css中,用四位数表示权重,权重表达方式如:0,0,0,0

          类型选择符权重:0001;

          类(class)选择符权重为:0010;

          ID选择符的权重为:0100;

          伪类选择符的权重为:0010;

          包含选择符的权重为:包含选择符权重之和;

          内联样式的权重为:1000;

    ‘      通配符权重为:0000;

          伪类选择符的权重为:0001;

          子选择符的权重为:0000;

          属性选择符的权重为:0010;

          继承的样式权重为:0000;

    Why do you work so hard? Because the things I want to buy are expensive and the places I want to go are far away. The person I like is very excellent.
  • 相关阅读:
    设计模式之八:外观模式(Facade)
    Python模块学习笔记— —time与datatime
    Android加载图片OOM错误解决方式
    [C#]Attribute特性(2)——方法的特性及特性参数
    [C#]Attribute特性
    [Winform]一个简单的账户管理工具
    [C#]AES加密算法实现
    [C#基础]ref和out的区别
    [Socket网络编程]一个封锁操作被对 WSACancelBlockingCall 的调用中断。
    [Socket网络编程]由于套接字没有连接并且(当使用一个 sendto 调用发送数据报套接字时)没有提供地址,发送或接收数据的请求没有被接受。
  • 原文地址:https://www.cnblogs.com/liufuyuan/p/10249416.html
Copyright © 2011-2022 走看看