小编sto*_*omm的帖子

JSS 中的简单选择器和嵌套选择器

我目前正在接受 ReactJS 培训。我正在使用 material-ui 和 JSS(对我来说是全新的)。

我不明白如何简单地选择我的 H6 元素或我的 H6 子元素(dangerStyle)。

任何的想法 ?

谢谢 !

myJss.js

const myJss = theme => ({
    textCenter : {
        textAlign:'center'
    },
    dangerStyle: {
        fontWeight:'normal',
        color:"#FF0000"
    },
    h6: {
        color:"#00FF00",
        "&.dangerStyle" : {
            fontWeight:'bold',
        }
    }

});
export default myJss;
Run Code Online (Sandbox Code Playgroud)

应用程序.js

import React, { Component } from 'react'
import { withStyles } from "@material-ui/core/styles";
import Danger from 'components/danger'
import myJss from 'assets/jss/myJss.js';

class App extends Component {

    constructor (props) {
        super(props)
    }

    render () { …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui jss

8
推荐指数
1
解决办法
8411
查看次数

标签 统计

jss ×1

material-ui ×1

reactjs ×1