QSS基本使用方法

/*
匹配QPushButton的实例及其子类
*/
QPushButton {
  color: blue;
}

/*
匹配QPushButton的实例，但不包含子类
*/
.QPushButton {
  color: blue;
}

/*同时匹配QPushButton、QLineEdit的实例
*/
QPushButton,
QLineEdit {
  color: blue;
}

/*
匹配所有objectName为btnOK的实例
*/
*#btnOK {
  font-weight: bold;
}

/*
和*#btnOK一样，匹配所有objectName为btnOK的实例
*/
#btnOK {
  font-weight: bold;
}

/*
匹配所有objectName为btnOK的QPushButton实例
*/
QPushButton#btnOK {
  font-weight: bold;
}

/*
匹配包含flat属性的所有实例
*/
*[flat] {
  color: red;
}

/*
匹配包含flat属性的所有QPushButton的实例
*/
QPushButton[flat] {
  color: red;
}

/*
匹配flat属性为true的所有QPushButton的实例
*/
QPushButton[flat="true"] {
  color: red;
}

/*
匹配falt属性为true且default属性为false的所有QPushButton的实例
*/
QPushButton[flat="true"][default="false"] {
  color: red;
}

/*
匹配属于QDialog后代（孩子，孙子等）的QPushButton所有实例
*/
QDialog QPushButton {
  color: red;
}

/*
匹配属于QDialog直接子类的QPushButton所有实例
*/
QDialog > QPushButton {
  color: red;
}

/*
匹配hover状态的所有QPushButton的实例
*/
QPushButton:hover {
  color: white;
}

/*
匹配同时为hover和enabled状态的所有QPushButton的实例
*/
QPushButton:hover:enabled {
  color: white;
}

/*
匹配不为hover状态的所有QPushButton的实例
*/
qradiobutton: !hover {
  color: red;
}

QRadioButton::indicator::unchecked:disabled {
  image: url(:/qss/radiobutton_unchecked_disable.png);
}

/*
QPushButton#okButton选择器比QPushButton更具体，所以选择QPushButton#okButton
*/
QPushButton#okButton {
  color: gray;
}
QPushButton {
  color: red;
}

/*
如下2个规则应用于QPushButton实例时：
因为QPushButton继承QAbstractButton，所以QPushButton比QAbstractButton更具体，选择QPushButton
*/
QPushButton {
  color: red;
}
QAbstractButton {
  color: gray;
}

/*
指定伪状态比不指定伪状态的选择器更具体，所以当鼠标悬停时选择QPushButton:hover，否则选择QPushButton
*/
QPushButton:hover {
  color: white;
}
QPushButton {
  color: red;
}

/*
如下2个规则应用于处于Enabled状态的QPushButton实例时：
鼠标悬停时，QPushButton:hover更能具体描述当前状态，所以选择QPushButton:hover
其他时候选择QPushButton:enabled
*/
QPushButton:enabled {
  color: red;
}
QPushButton:hover {
  color: white;
}

/*
如下2个规则应用于处于Enabled状态的QPushButton实例时：
鼠标悬停时，QPushButton:enabled:hover更能具体描述当前状态，所以选择QPushButton:enabled:hover
其他时候选择QPushButton:enabled
*/
QPushButton:enabled {
  color: red;
}
QPushButton:hover {
  color: white;
}
QPushButton:enabled:hover {
  color: white;
}

QPushButton#btnTest::menu-indicator {
  image: url(indicator.png);
}

QComboBox::down-arrow:disabled {
  image: none;
}

#pushButtonMax[isMax="false"] {
  width: 40px;
  height: 40px;
  background: gray;
}

#pushButtonMax[isMax="false"]:hover {
  background: blue;
}

#pushButtonMax[isMax="true"] {
  width: 40px;
  height: 40px;
  background: transparent;
}

#pushButtonMax[isMax="true"]:hover {
  background: red;
}

QToolButton {
  qproperty-text: "文本";
  qproperty-icon: url(://img/icon.png);
  qproperty-iconsize: 100px 100px;
}

margin: 25px 50px 75px 100px;
padding: 25px 50px 75px 100px;

margin: 25px 50px;
padding: 25px 50px;

QPushButton#pushButton4 {
  border: 20px solid rgba(0,0,255,0.5);
  padding: 20px;
  margin: 20px;
  background-image: url(:/QssUsage/Image/头像.png); /*下图中的圆形头像*/
  background-origin: margin;
  background-position:top left;
  background-repeat:repeat-x;
  background-clip: margin;
}