css笔记

记一下经常忘记的

1、css选择器

div,p  选择所有<div>元素和<p>元素

div p  选择<div>元素内的所有<p>元素

div>p  选择所有父级是 <div> 元素的 <p> 元素

div+p  选择所有紧跟在 <div> 元素之后的第一个 <p> 元素

.dx-datagrid-rowsview.dx-last-row-border  同一个元素的多个类

2、响应式

/* 当宽度介于 600px 和 900px 之间或大于 1100px 时 - 改变 <div> 的外观 */
@media screen and (max-width: 900px) and (min-width: 600px), (min-width: 1100px) {
  div.example {
    font-size: 50px;
    padding: 50px;
    border: 8px solid black;
    background: yellow;
  }
}