美文网首页
css3选择器

css3选择器

作者: lucky_果果 | 来源:发表于2019-11-30 02:23 被阅读0次

1、元素选择器

2、分组  p,ul{}   p和ul都

3、类选择器 class =“mystyle”

4、id选择器

5、属性选择器:属性选择器可以根据元素的属性及属性值来选择元素

(1)只要是包含某属性:*[title]{ color:red; }   <div titlt="big"></div>  <div title="small"></div>

(2)与上面类似,可以只对有 href 属性的锚(a 元素)应用样式: a[href]{}

(3)多个属性一起:a[href][title] {color:red;}

(4)具体某个属性值添加样式:a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}

(5)具体多个属性值添加样式 :a[href="http://www.w3school.com.cn/"][title="W3School"] {color: red;}

(6)class中有多个样式,完全匹配:p[class="important warning"] {color: red;}

(7)class中有多个样式,完全匹配:p[class~="important"] {color: red;}

(8)[abc^="def"] 开头

(9)[abc¥="def"]结尾

(10)[abc*="def"] 包含

相关文章

  • CSS3知识概要总结之选择器篇(二)

    是的,从这里开始我们就开始学习CSS3的选择器了,学习资源CSS3选择器 属性选择器 属性选择器 发现属性选择器真...

  • HTML5和CSS3新增内容

    CSS3选择器有哪些? 属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 颜色:新增RGBA,HSL...

  • 初级了解css3伪类选择器

    在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。 先来了解一下css3选择器的分类 css3选择器...

  • CSS3笔记(一)选择器

    回顾css3之前的选择器 css3选择器 1、属性选择器 2、结构 伪类选择器 注意点 : 选择是分类型,排序是不...

  • 2019前端经典面试题 CSS 部分常见问题

    CSS部分常见问题 1、CSS3选择器有哪些? 答:属性选择器、伪类选择器、伪元素选择器。 2、CSS3新特性有哪...

  • css选择器

    css1,2选择器 css3选择器

  • 移动web界面样式

    CSS3 CSS3在移动web开发中使用的特性包括:增强的选择器阴影强大的背景设置圆角边框 选择器 属性选择器完全...

  • CSS 3 选择器

    CSS3追加的选择器 在CSS3中,追加了三个属性选择器分别为 这样使得选择器有了通配符的概念。 结构性伪类选择器...

  • css3选择器

    CSS3选择器分类 层次选择器,常用的选择器| 选择器|类型|说明 ||--|--|--|--||E F |后代...

  • CSS3属性选择器

    CSS3中属性选着器增加了3个 结构性伪类选择器 CSS3结构性伪类选择器 CSS3选择器详解二 第二部分小节 、...

网友评论

      本文标题:css3选择器

      本文链接:https://www.haomeiwen.com/subject/chbnwctx.html