开发者社区> 大熊猫侯佩> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

css选择器语法速查

简介:
+关注继续查看

通用选择器 *{}

类似于通配符,匹配文档中所有元素类型;

类型选择器 h1,h2,p{}

匹配以逗号隔开元素列表中的所有元素

类选择器 .glass{} or p.glass{}

id选择器 #id {} or p#id {}

子选择器 td>b {}

匹配元素是另外一个元素的直接子元素

后继选择器 td b {}

匹配另一个指定元素的所有嵌套中的后继

相邻兄弟选择器 h1+p {}

匹配指定元素相邻兄弟元素

属性选择器

存在选择器 p[id] 任何含id属性的p元素

相等选择器 p[id=’some_id’]

空格选择器 p[attr~=”foo”] attr属性值是以空格隔开的单词列表,其中foo是其中一个单词的p元素

连字符选择器 p[attr|=”en”] attr属性的值以en开头后面紧跟个连字符的p元素

前缀选择器 p[attr^=”box”] attr属性的值以box开头的的p元素

子串选择器 p[attr*=”on”] attr属性值包含on字符的p元素

后缀选择器 p[attr$=”ed”] attr属性值以ed结尾的p元素

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
CSS选择器优先级(特异性)
CSS选择器优先级(特异性)
13 0
CSS选择器优先级(特异性)
CSS选择器优先级(特异性)
7 0
CSS(一)概述、选择器、选择器优先级
CSS(一)概述、选择器、选择器优先级
37 0
真正理解"CSS选择器的优先级"
![img_0236](https://user-images.githubusercontent.com/4645261/37966669-cd227ab0-31fb-11e8-8212-415a54ece5d1.JPG) > 题图、摄影:锦此 当我们在讨论CSS选择器优先级的时候,我们再讨论什么? 其实很多人都对此有点模糊,那我换个方式问: **一个CSS属性的最终值是怎么来
13140 0
第17天:CSS引入、选择器优先级(中级)
一、CSS 位置   1、行内式  css      aa   2、 内嵌式样式       .one {        width: 200px;    }   3、外链式   二、Font 字体综合写 Font: 字体加粗  字号/行高 字体;   必须有字号和字体。
692 0
***CSS魔法堂:选择器及其优先级
一、前言                                首先看看一道阿里这期网申的题目吧! 1.找出下面优先级相同的选择器   A. img.thumb:after  B.[data-job="frontend"]::first-letter   C.
709 0
css知多少(6)——选择器的优先级
原文:css知多少(6)——选择器的优先级 1. 引言   上一节《css知多少(5)——选择器》最后提到,选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明。      上图中,css中的两个选择器都是针对的,而且两个设置的颜色不一样,这里的到底听从谁的命令?   上面还是比较简单的,下面在来一个复杂的:      上图中的该显示成什么颜色呢? 2. 特指度   要解决以上问题,我们需要引入一个概念——特指度(specificity)。
888 0
+关注
大熊猫侯佩
贪吃贪睡的大熊猫侯佩
689
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载