分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

css选择器

发布时间:2023-09-06 02:18责任编辑:彭小芳关键词:选择器

css选择器

一、基本选择器

      *(通配符选择器),id,class,ele(元素选择器),属性选择器

二、组合选择器

      子代选择器(>),后代选择器(空格隔开),相邻兄弟选择器(+),通用兄弟选择器(~)

三、伪类选择器

      a的伪类:LVHA(:link :visted :hover :active)

      input的伪类:

        :checked :disabled  :enabled :focus  :required  :readonly :default

      css3新增伪类:

        nth-child()即结构伪类

        :not(:first-child)即否定伪类

      另外:

        :empty :target

四、伪元素选择器

      ::before  ::after  ::first-letter  ::first-line  ::placeholder

      补充:

          1)::placeholder选择一个表单元素的占位文本,允许自定义占位文本的样式 ,但有兼容性

          用法:   ::placeholder{color:#f00}

            2) ::before    

            eg:<p>段落</p>

            p::before{

              content:"aaa",

              color:‘#f00‘

            }

          结果:aa段落

          ::before{content:‘‘,display:table}可用于解决外边距溢出

          3)::after清除浮动

          ::after{

            content:‘‘

,             display:‘block‘,

            clear:both

          }

 css选择器优先级:

      !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

css选择器

原文地址:https://www.cnblogs.com/szzlily/p/9814924.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved