CSS笔记

CSS 分组 和 嵌套 选择器

1.

h1

{

color:green;

}

h2

{

color:green;

}

p

{

color:green;

}

 

可以改写为下面的方式：

 

h1,h2,p{

 

 

color:green;

}

2.

 

//为所有的p标签设置

p
{
color:blue;
text-align:center;
}

 

// 为class 为 marked 的元素指定样式
.marked
{

}

 

//为所有class="marked"元素内的p元素指定一个样式

.marked p
{
color:white;
}

 

h1.hidden{

    /*隐藏了但是位置还有*/
    visibility: hidden
}

h1.display{

    /*不展示，隐藏，位置也没有*/
    display: none;
}