文档章节

CSS 基础及选择器和颜色与度量

hakase
 hakase
发布于 2016/09/21 20:30
字数 140
阅读 5
收藏 0

外部引入样式表指定字符集 @charset "utf-8";

样式层叠优先级 style 大于 <style> 大于 <link>

其他选择器例子

有以http开头的href属性

[href^="http"] {
    color: orange;
}

有以com结尾的href属性

[href$=".com"] {
    color: orange;
}

包含指定字符的href属性

[href*="baidu"] {
    color: orange;
}

匹配en-*内容的lang属性 *代表任意内容

[lang|="en"] {
    color: red;
}

属性有多个值时 匹配一个就可以

[class~="block"] {
    font-size: 50px;
}

选择文字时触发的选择器

::selection {
    color: red;
}

 

© 著作权归作者所有

hakase
粉丝 7
博文 39
码字总数 23663
作品 0
南京
私信 提问
Web前端基础【2】--CSS基础

CSS指层叠样式表,用来定义如何显示HTML元素,一般和HTML配合使用。CSS样式表的目的是为了解决内容与表现分离的问题:即使同一个HTML文档也能表现出外观的多样性。作一个形象的比喻:对于一个...

爱吃西瓜的番茄酱
2017/11/01
0
0
可扩展、模块化CSS--基础样式规则(翻译文)

基础样式规则是被应用到元素选择器、派生选择器、子选择器或者伪类,并不包括和选择器。这些样式一般是默认的样式并且被引用到整个项目。 所以,基础样式一般的内容就是默认定义链接的样式,项...

ziven先生
2018/02/04
0
0
LESS与SASS的伯与仲

工作中用到了Bootstrap,涉及到了LESS,对其做了一个简单的了解,CSS的预处理器使用最广泛的就是LESS和Sass,都是努力把CSS武装成为开发语言,让它从简单的描述性语言过渡到具有程序式特性的...

刘元兴
2017/05/18
0
0
CSS基础知识

1.CSS的编写格式 键值对形式的,冒号左边是属性名,右边属性名称 2.CSS的3种书写形式 3.标签选择器 1>.标签选择器 2>.类标签选择器 3>.id标签选择器 4>.群组选择器 5>.选择器组合 6>.后代选择...

Ethan-GOGO
2015/12/17
89
0
CSS核心概念一把梭-基础部分

1、基本语法 mdn w3cSchool 2、选择器 2.1、选择器类型 (1)、简单选择器 通过元素类型 、、 或 匹配一个或多个元素。 (2)、属性选择器 通过 属性 / 属性值 匹配一个或多个元素。 Presen...

LeoooY
02/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS7.6中安装使用fcitx框架

内容目录 一、为什么要使用fcitx?二、安装fcitx框架三、安装搜狗输入法 一、为什么要使用fcitx? Gnome3桌面自带的输入法框架为ibus,而在使用ibus时会时不时出现卡顿无法输入的现象。 搜狗和...

技术训练营
昨天
5
0
《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
昨天
8
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
昨天
10
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
昨天
6
0
PHP+Ajax微信手机端九宫格抽奖实例

PHP+Ajax结合lottery.js制作的一款微信手机端九宫格抽奖实例,抽奖完成后有收货地址添加表单出现。支持可以设置中奖概率等。 奖品列表 <div class="lottery_list clearfix" id="lottery"> ......

ymkjs1990
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部