Day 14 狂神说Java基础笔记（CSS 01-08）

01-03

Cascading Style Sheet 层叠级联样式表
优先级：就近原则

04-CSS四种导入方式

内部样式：<style>h1{color:green;}</style>
行内样式：<h1 style="color:red">
外部样式：

• 链接式,html,<link rel="stylesheet" href="相对地址">
• 导入式，后渲染 CSS2.1<style>@import url();</style>

05-三种基本选择器

标签选择器：会选择页面上所有的标签<h1>{}
类选择器:好处，可以多个标签分类，可以复用class="xxx" .xxx{}
id选择器：id必须唯一id=“vvv” #vvv{}
优先级：不遵循就近原则，id>class>标签选择器

06-层次选择器

• 后代选择器：在某个元素后面

body p{
	background:red;
}

• 子选择器，一代，儿子

body>p{
 background:red;
}

• 相邻兄弟选择器：同辈，只有一个，相邻（向下）

.active+p{}

• 通用选择器：当前选中元素的向下的所有兄弟元素

.active~p{}

07-结构伪类选择器

避免使用class,id,选择器

• ul的第一个子元素

ul li:first-child{}

• ul的最后一个子元素

ul li:last-child{}

• 选中p1：定位到父元素，选择当前的第一个元素。选择当前p元素的父级元素，选中父级元素的第一个，并且是当前元素才生效(a;p1,是第二个)

p:nth-child(2){}

• 选中父元素下的p元素的第二个，类型

p:nth-of-type(1){}

08-属性选择器（重要）

正则表达式

a[class="demo"]
=
*=
^=
$=