`
123fly
  • 浏览: 11369 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

CSS选择器

    博客分类:
  • css
阅读更多

CSS 概述

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义如何显示 HTML 元素

样式通常存储在样式表中;

把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题;

外部样式表可以极大提高工作效率;

外部样式表通常存储在 CSS 文件中;

多个样式定义可层叠为一。

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。每条声明由一个属性和一个值组成。

常见的css选择器有css id选择器,css 类选择器, css属性选择器等。

1.css id选择器

ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。

*#intro {font-weight:bold;}

 或者

#intro {font-weight:bold;}

 2.css 类选择器

类选择器允许以一种独立于文档元素的方式来指定样式。

该选择器可以单独使用,也可以与其他元素结合使用。

语法

类名前有一个点号(.),然后结合通配选择器

*.important {color:red;}

 或者

.important {color:red;}

 3.css 属性选择器

属性选择器可以根据元素的属性及属性值来选择元素。

例子

把包含标题(title)的所有元素变为红色,可以写作:

*[title] {color:red;}

 

分享到:
评论

相关推荐

    react-React组件的css选择器

    React组件的css选择器

    CSS选择器-.pdf

    CSS选择器-.pdf

    CSS选择器.txt

    css选择器里面有css的几十种选择、获取、什么都有.

    css选择器的应用

    各类css选择器的应用及代码效果展示,字体属性和文本属性的应用。

    CSS选择器的介绍和使用.pdf

    CSS选择器的介绍和使用,什么是CSS选择器?CSS选择器可以用于我们需要添加的样式的标签。想要在HTMLl页面中的元素实现一对一,一对多或者多对一的控制,就得要使用css选择器,css选择器进控制着HTML页面中的元素。

    css选择器的讲解.pdf

    讲解了css选择器的要点和应用,分别写出了在什么场景用什么选择器,每个选择都有他自己书写规范和应用。

    scrapy爬虫之CSS选择器(比前面两个更全)

    一个使用css选择器的完整爬虫工程,比本人前面两个相应资料更完整,与博文同步分享。

    前端必须掌握的css选择器方法

    前端必须掌握的css选择器方法

    css选择器apolo

    * css选择器 * 冒泡原理 * 如果后面的表达式无效,只返回有效表达式匹配的结果 * author chenyipeng * e-mail: yia0223@gmail.com * ps: 如有bug请多多包涵 * 参考: jquery css选择器 * 目前实现 * #id ...

    CSS选择器Q.js.zip

    div h1~div: 应返回一个节点,但是Sizzle没有找到节点另外div.querySelectorAll("body *")会返回节点所以在以元素为context的查询中不使用querySelectorAll进行优化3, 性能将选择器编译成函数再进行查询,除了第一次...

    jQuery 遍历css选择器

    jQuery 遍历css选择器 学习

    JSoup CSS选择器用法大全

    备查,搞爬虫开发者必备

    CSS选择器笔记

    CSS选择器笔记

    30个最常用css选择器解析

    30个最常用css选择器解析 CSS

    css选择器.xmind

    脑图形式的css选择器和层叠规则整理,包括css选择器的类型以及css层叠规则的影响因素(重要性、来源、特殊性、顺序等等),属于前端基础技术的资源

    详解CSS选择器HTML标签

    详解CSS选择器标签HTML 选择器 类别CLASS 选择器

    python爬虫之css选择器

    python爬虫 css提取网页内容的详细方法,有助于新手可以轻松上手,内容简单易懂,轻松掌握css的使用

    CSS选择器-xmind

    CSS选择器 xmind - 选择器分类(ID选择器,类选择器,标签选择器,通配选择器,属性选择器,伪类选择器)。 - 选择器关系(分组,后代,子元素,相邻兄弟,后续兄弟)。 - CSS特性(优先级,继承,层叠)。

Global site tag (gtag.js) - Google Analytics