zoukankan      html  css  js  c++  java
  • 客户端选择器的相关学习

    基本选择器:

    标签(元素)选择器    格式=====>标签名{ 声明的属性}

    类-----------选择器           =====>这里有个点(.)+类名称{声明的属性}

    ID-----------选择器           =====>#+id名称{声明的属性}

    并集(群组)选择器           =====>.类名,#id名称,标签名{声明的属性}

    通配符-----选择器           =====>*{声明的属性} ----->这个的话会用到所有body中的元素(只要能有效)

    层次选择器

    子集选择器             格式 =====>父级元素>子集元素   >就是选择某某父级标签下某某子集

    后代选择器        =====>父级元素 +空格+子集元素   空格   就是选择某某父级标签下的后代子集

    兄弟选择器        =====>某标签 +兄弟标签   +  就是选择某某标签的同一级标签

    同级选择器             =====>某标签~同级标签   ~就是选择某某标签的同级标签

    伪类选择器

    a:link{}      =====>设置a标签灭有单击时的样式

    a:hover{}     =====>设置鼠标移入到a标签时显示的样式

    a:active{}     =====>设置a标签鼠标单击时显示的样式

    a:visited{}    =====>设置a标签访问过后显示的样式

    伪元素选择器

    p::first-line{}    =====>设置p标签第一行的样式

    p::first-letter{}    =====>设置p标签第一行第一个字或字母的样式

    p::before{}    =====>为p标签内容之前在加入内容

    p::after{}       =====>为p标签内容之后在加入内容

    结构伪类选择器

    ul>li:nth-child(1)      =====>选择  ul  子集下的第一个  li  标签

    ul>li:first-child       =====>也是选择  ul  子集下的第一个  li  标签

    ul>li:lastchild      =====>选择  ul  子集下的最后一个  li  标签

    ul>li:nth-child(odd)    =====>选择  ul  子集下的奇数  li  标签

    ul>li:nth-child(even)  =====>选择  ul  子集下的偶数  li  标签

    ul>li:not(1)        =====>选择  ul  子集下除了第一个  li  标签

     

  • 相关阅读:
    request.getDispatcher().forward(request,response)和response.sendRedirect()的区别
    处理get中文乱码
    在oracle里,如何取得本周、本月、本季度、本年度的第一天和最后一天的时间
    js 获取 本周、上周、本月、上月、本季度、上季度的开始结束日期
    Oracle 查询今天、昨日、本周、本月和本季度的所有记录
    CASE WHEN 及 SELECT CASE WHEN的用法
    漳州台的八边形坐标
    ubuntu16.04下下载baiduyun大文件
    ubuntu16.04下gmt5.4.1 中文支持
    ubuntu16.04下wps的安装
  • 原文地址:https://www.cnblogs.com/zddq/p/10222992.html
Copyright © 2011-2022 走看看