国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

I use a library called FullPage.js (https://github.com/alvarotrigo/react-fullpage) in my Next.js project. They have an existing CSS class that I want to override for the side points. However, I only want to rewrite the CSS for one page, and it's the following CSS selector. How do I do this?

Thank you in advance for your help!

global.css

#fp-nav > ul > li:last-child > a {
  display:none
}

Page1.jsx

import ReactDOM from "react-dom";
import "fullpage.js/vendors/scrolloverflow"; // 可選項(xiàng)。當(dāng)使用scrollOverflow:true時(shí)
import ReactFullpage from "@fullpage/react-fullpage";

import "./global.css";

class MySection extends React.Component {
  render() {
    return (
      <div className="section">
        <h3>{this.props.content}</h3>
      </div>
    );
  }
}

const Page1 = () => (
  <ReactFullpage
    navigation
    sectionsColor={["#282c34", "#ff5f45", "#0798ec"]}
    render={({ state, fullpageApi }) => {
      return (
        <div>
          <MySection content={"從第一頁滑下來！"} />
          <MySection content={"繼續(xù)前進(jìn)！從第一頁"} />
          <MySection content={"從第一頁滑上去！"} />
        </div>
      );
    }}
  />
);

export default Page1;

Page2.jsx

import ReactDOM from "react-dom";
import "fullpage.js/vendors/scrolloverflow"; // 可選項(xiàng)。當(dāng)使用scrollOverflow:true時(shí)
import ReactFullpage from "@fullpage/react-fullpage";

import "./global.css";

class MySection extends React.Component {
  render() {
    return (
      <div className="section">
        <h3>{this.props.content}</h3>
      </div>
    );
  }
}

const Page2 = () => (
  <ReactFullpage
    navigation
    sectionsColor={["#282c34", "#ff5f45", "#0798ec"]}
    render={({ state, fullpageApi }) => {
      return (
        <div>
          <MySection content={"從第二頁滑下來！"} />
          <MySection content={"繼續(xù)前進(jìn)！從第二頁"} />
          <MySection content={"從第二頁滑上去！"} />
        </div>
      );
    }}
  />
);

export default Page2;